[Resolved] solid version of shopping cart icon

[Verónica]

Good morning!

I’m trying to change the shopping icon to its solid version, but although I’ve changed the font-family value, I can’t get it. I’ve also tried to add a filter with no luck.
Can you please help me to change it?
Thanks a lot in advance.

[David]

Hi Veronica, it should be as simple as switching the font family like so:

.main-navigation a.cart-contents:before {
    font-family: FontAwesome;
}

[Verónica]

Thanks so much David!
I did it. I’ve added the following css rule:

.main-navigation a.cart-contents::before {
font-family: “FontAwesome” !important;
}

and alhough on Firefox inspector it works, I don’t know why all the changes I do on the header through CSS don’t work. It seems that no css rules are admitted for icons on header. Is it possible? Because on text and logo I can do changes.

[David]

Hi Veronica, have you tried clearing the autoptimize and browser caches?

[Verónica]

Yes, and I’ve also cleared the browser caché. It’s odd, because on firefox inspector I can’t see the rules I’ve added only for the icons. For the text and logo image all work ok.

[David]

Hi Veronica, very odd… can you clear cache and switch off autoptimize? Also do you have cloudflare running? If so can you clear that.

[Verónica]

After deactivating Autoptimize and cloudfare, I’ve realized that a bracket was the guilty. Apologizes David and thanks so much for your help and support!

[Author]

Posts