Archived topic
solid version of shopping cart icon
6 replies · Started by Verónica on May 21, 2018
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.
Hi Veronica, it should be as simple as switching the font family like so:
.main-navigation a.cart-contents:before {
font-family: FontAwesome;
}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.
Hi Veronica, have you tried clearing the autoptimize and browser caches?
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.
Hi Veronica, very odd... can you clear cache and switch off autoptimize? Also do you have cloudflare running? If so can you clear that.
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!
