Home Forums WoodMart support forum Change icons used

Change icons used

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #682589

    admin-1319
    Participant

    I would like to change the icon for quick view everywhere on the site.

    I would also like to change the cart icon on ‘show summary on hover’ for the products grid to have a button instead.

    I would also like to change the icons used in the sticky bottom mobile nav.

    Thank you.

    • This topic was modified 1 week, 1 day ago by admin-1319.
    #682741

    Hello,

    01. The code below will help you to change the “quick-view” icon. Define it in Theme Settings -> Custom CSS.

    .wd-product .wd-quick-view-icon > a:before {
    	content: "\f123"; 
    }

    Then, navigate to Typography > Icons fonts > Check the icons and change the content code as per your requirements.

    02. Define it in Theme Settings -> Custom CSS.

    .wd-add-btn-replace .add-to-cart-loop:before,
    .wd-add-btn-replace .add-to-cart-loop:after {
        display: none !important;
    }
    
    .wd-add-btn-replace .add-to-cart-loop:hover span {
        transform: none !important;
        opacity: 1 !important;
    }

    03. Try to use our theme mobile bottom navbar from Theme Settings > General > Mobile bottom navbar, if you want to change any icon let me know I will check and give you a possible css code: https://ibb.co/vLBFr8p

    Best Regards,

Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)