Change icons used

[admin-1319]

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 month ago by admin-1319.

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