Avada Forums Community Forum custom woocommerce icon cart

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • betisimo76
    Participant
    Post count: 5

    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
    Participant
    Post count: 5

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

    Michael
    Keymaster
    Post count: 752

    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
    Participant
    Post count: 1

    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
    Participant
    Post count: 2

    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
    Participant
    Post count: 2

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

    Sterling07
    Participant
    Post count: 5

    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.
    Keymaster
    Post count: 10

    @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

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.