How to change shopping bag icon?

[solidsn2004]

Hi,

I would like to change the shopping bag icon (see attachment named “current”)from the menu bar. Right now it’s the sf-cart.
Is there a way to replace it with the ss-cart from gizmo icons (see attachment named “after”)?

Please let me know if there is an option from the backend to do this or there is a way around it.

Thanks in advance.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

First you will need to load the Gyzmo font. After that let us know so we can try to provide some code.

-Rui

[solidsn2004]

Hi Rui,

what do you mean load the Gizmo font? I thought the neighborhood theme comes with these icons preinstalled.
Sorry for my ignorance but I don’t really understand what you are asking me…

[Rui Guerreiro – SUPPORT]

Regarding the Gizmo icons they are only available with Dante theme.
But Neighborhood can use the FontAwesome icons see if you like to use any of this instead and tell us the name of the icon.

http://fortawesome.github.io/Font-Awesome/icons/

-Rui

[Pavel]

Ok. i have Gizmo font, how can i load it into the theme?

[solidsn2004]

Ok got it.

So I want the fa-shopping-cart instead of the default one.
How do I change it?

Thanks!

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

i.sf-cart:before {
    content: "\f07a";
    font-family: Fontawesome;
}

.menu > li.shopping-bag-item a > i.sf-cart, .mobile-cart-link i.sf-cart {
    background: none!important;
 vertical-align:0px !important;
   font-style:normal !important;
}

Thanks
Mohammad

[solidsn2004]

Thanks Mohammad!

I had to add 11px to vertical align as it was a bit off but the code worked!

[Mohammad – SUPPORT]

Hi,
Glad 🙂 its working.
Mohammad