ResolvedHow to change icon
- This topic has 7 replies, 3 voices, and was last updated 2 years, 5 months ago by
01.mrlast.
- AuthorPosts
- December 13, 2020 at 4:38 am #27758
01.mrlast
ParticipantHello Gooday
I’m many try to change cart icon and not find in theme option come to code and change but no working
how can I’m change cart icon ?<!-- SHOPPING CART --> <?php if (LAFKA_IS_WOOCOMMERCE && lafka_get_option('show_shopping_cart')): ?> <ul id="cart-module" class="site-header-cart"> <?php lafka_cart_link(); ?> <li> <?php the_widget('WC_Widget_Cart', 'title='); ?> </li> </ul> <?php endif; ?> <!-- END OF SHOPPING CART -->
December 13, 2020 at 4:39 am #2775901.mrlast
ParticipantThanks ?❤️
December 13, 2020 at 10:50 am #27761dvougas
ParticipantFollowing.
December 13, 2020 at 1:03 pm #2776401.mrlast
ParticipantHello, thank you for your answer, what exactly should I follow?
December 13, 2020 at 1:09 pm #2776501.mrlast
ParticipantI’m change CSS but no working
.site-header-cart a::before { content: "\f07a"; }
December 13, 2020 at 1:59 pm #27766dvougas
Participantmrlast i just wrote following because i wanted to follow the thread because i have the same with your request.
I am sorry this confused you.December 15, 2020 at 2:34 pm #27783Althemist
KeymasterHello 01.mrlast and dvougas,
Sorry for the extreme delays. We are now back to normal work as our quarantine ended and we are slowly catching up.
The cart (bag) icon in the header can only be changed with CSS. However, keep in mind you’d also need to change the font-family, not just the unicode. Also, you’d need to use an “!important” declaration in order to see the results. something like this:
#cart-module a.cart-contents::before { content: "\your-icon-code" !important; font-family: your-icon-font !important; }
Regards,
DimitarDecember 15, 2020 at 8:28 pm #2782201.mrlast
ParticipantHello aging
thanks very much for help <3
and this sample code for font awesome#cart-module a.cart-contents::before { content: "\f07a"!important; font-family: FontAwesome!important; }
- AuthorPosts
You must be logged in and have valid license to reply to this topic.