Change Woocommerce cart icon to custom fontello icon

Hey spitsdesign,

Open up functions.php and search for

‘cart’ => array( ‘font’ =>’entypo-fontello’, ‘icon’ => ‘ue859’),

Replace ue859 with your character code. If you don’t know it you can look it up here: http://fontello.com/ (select an icon and click on “Customize Codes” to get the character code.

Best regards,
Jordan Shannon

Hi,

There are many ways you can change the cart icon.

1. Go to fontello.com and select the cart icon you wish to add.

2. Click on customize code and copy the unicode to the below css which looks similar to “E805”.

3. IMPORTANT: Give the icon a unique name in the input field next to the big download button.

4. Download the icon and upload to the theme from Enfold > Import export

5. Update the icon using css please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

.cart_dropdown_link > span:before {
	content:'\E805';
}

Best regards,
Vinay

Hi,

It appears there is already another icon that share the same unicode as the one you uploaded. You have to customize the icon on fontello and give it a unique uni code and download it again and try it in CSS.

Best regards,
Vinay

Hi,

I have updated the code.

You do not need to add the letter “U” just e802 and so on… but the icon Unicode you are using is wrong. Please use the correct Unicode the below code will work 100%

#top .cart_dropdown_link > span:before {
    font-family: 'entypo-fontello';
    content:'\E802'!important;
}

Best regards,
Vinay

Hi,

What icons are you trying to use? could you please post the admin login details in private so we can look at the icon in the backend?

Best regards,
Vinay

Hi,

I loaded the site on the URL and I see nothing on the menu at all?
Not even menu text?

Best regards,
Basilis