ResolvedReplace Cart Icon

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #13339
    GilbertW
    Participant

    Hello

    I want to change the cart icon in the header. As my marketplace deals in bulky items, a shopping handbag looks rather inappropriate…

    Would it be possible to do this by replacing the icon on the server where it is stored? If yes, what is the name of the relevant icon(s) and the path to find them. If no, have you got a short instruction how to proceed in the editing of the CSS file.

    Your help would be greatly appreciated!

    #13347
    Althemist
    Keymaster

    Hi GilbertW,

    I am afraid you can’t simply replace the icon, as this is an icon font (FontAwesome). It can only be changed with custom CSS. If you can find a suitable icon in the FontAwesome icons available in the page builder, we’ll give you instructions how to change it.

    Regards,
    Dimitar

    #13349
    GilbertW
    Participant

    Hi Dimitar

    Thanks for your answer. I found a suitable FontAwesome icon (shopping-cart under web application icons).

    Looking forward to your instructions.

    Cheers, Gilbert

    #13357
    Althemist
    Keymaster

    Hello Gilbert,

    you can place the following code in Theme Options > General > Custom CSS field (or in Appearance > Customize > Additional CSS)

    #cart-module a.cart-contents:before {
        content: "\f07a" !important;
        font-size: 16px !important;
    }

    Regards,
    Dimitar

    #13363
    GilbertW
    Participant

    Hi Dimitar

    Great. It works perfectly. Thank you very much!

    Kind Regards,
    Gilbert

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in and have valid license to reply to this topic.

License required for any item belonging to this account
AlThemist

AlThemist

sales 13305, followers 699
Login and Registration Log in · Register