custom woocommerce icon cart

[betisimo76]

#461842

How can I change the icon cart in woocommerce when using Avada 5.5.2? I would like to change it to a globe icon (if I can upload one myself, it would be even greater)

[♥Jaylin]

#470348

I am wondering the same thing. Hopefully someone can chime in.

[Michael]

#470431

Hi there

A couple of ways to do this, try the CSS method which is the simplest. Add the following CSS snippet to the Avada >> Theme Options >> Custom CSS section (or a child theme stylesheet):

.fusion-icon-shopping-cart:before {
content: ‘\f0ac’ !important;
font-family: fontawesome !important;
}

The Font Awesome icon in the snippet is the globe icon

Thank you kindly

[JGastmann]

#471807

Hi Michael,

I tried it with 5 of my licensed Avada 5.5.2. websites (with WooCommerce), and at none of them it worked. The CSS / Font Awesome way seems really interesting, as it would give access to the whole range of its icons.

Are you sure about the fusion-icon-shopping-cart class and the “before” selector?

Thanks in advance,

Joerg from Germany

[Roamstar]

#491144

Hi,

The CSS tweak below was the solution for me! I’m currently on Avada 5.5.2.

.fusion-main-menu .fusion-widget-cart-counter > a:before {
content:’\f290′ !important;
font-family: fontawesome !important;
}

The Fontawesome icon in the code is the shopping bag.

Good luck!

[SergioBernad]

#865099

Hi Michael,
How can I change the icon cart with CSS method in woocommerce when using Avada V7.2.1?

[Sterling07]

#876241

Hey,

I got the same question as Sergio, now for Avada V7.6.

As i´m trying the custom CSS code above, the standard shopping cart disappears and just a rectangle is showing.

Thank you for your ideas!

[Hassan T.]

#876250

@sterling07, you have valid support. Please submit a ticket and include details of website so our support team can help you -> https://theme-fusion.com/support/submit-a-ticket/

Thanks

[Author]

Posts