ResolvedHow to change icon

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #27758
    01.mrlast
    Participant

    Hello 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 -->
    
    #27759
    01.mrlast
    Participant

    Thanks ?❤️

    #27761
    dvougas
    Participant

    Following.

    #27764
    01.mrlast
    Participant

    Hello, thank you for your answer, what exactly should I follow?

    #27765
    01.mrlast
    Participant

    I’m change CSS but no working

    .site-header-cart a::before {
        content: "\f07a";
    }
    #27766
    dvougas
    Participant

    mrlast 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.

    #27783
    Althemist
    Keymaster

    Hello 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,
    Dimitar

    #27822
    01.mrlast
    Participant

    Hello 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;
    }
Viewing 8 posts - 1 through 8 (of 8 total)

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

License required for the following item
Login and Registration Log in · Register