Home › Forums › WoodMart support forum › Change icons used

Change icons used

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 28, 2025 at 12:41 am #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.
    August 28, 2025 at 12:40 pm #682741

    Aizaz Imtiaz Awan
    Keymaster

    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,

  • Author
    Posts

Tagged: 

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