Change Cart Icon in Header

Started by: bc3223 October 16, 2017 - 14:39

Hi,

What is the easiest way to change the cart icon (shown below) in the header to a regular shopping cart vs. the shopping bag....custom css?

https://ibb.co/gQFJBR

Thanks.

Replies:

  • Author Team
    #5436 Reply

    Axel
    Hello,

    Please try to use this custom CSS:

    body .stm-icon-shop_bag:before { content: "\f07a"; }  

    .header-help-bar>ul li a .list-icon { font-family: 'FontAwesome' !important; }

    Regards

    #5443 Reply

    bc3223
    Hi,

    That did change the cart icon....but wiped out the compare icon as shown below:

    https://ibb.co/nz7gi6

    Author Team
    #5446 Reply

    Felix
    Hi,
    Please try to use this custom CSS instead of the previous:

    body .stm-icon-shop_bag:before { content: "\f07a"; } .header-help-bar i.list-icon.stm-icon-shop_bag { font-family: 'FontAwesome' !important; }

    regards

    #5447 Reply

    bc3223
    This worked thank you...

    body .stm-icon-shop_bag:before {content: "\f07a"; }

    .header-help-bar i.list-icon.stm-icon-shop_bag { font-family: 'FontAwesome' !important; }

    Author Team
    #5448 Reply

    Felix
    You are welcome :)
You must be logged in to reply to this topic.