quickview Customization

Hi
I want an eye icon to replace the default quick view icon. Please provide me with the CSS code
I also want the code to increase the size of the product labels.

Attachments:

You must be logged in to view attached files.

Hello,

Can you please share the Product page URL so I can check and give you a possible Custom CSS code?

Best Regards,

ok.
i attached it.

Attachments:

You must be logged in to view attached files.

Hello,

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.

Best Regards,

thank you
and what about the product labels size?

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.product-labels .product-label.new {
	font-size: 20px !important;
}
.product-labels .product-label.new {
 min-width: 100px !important;
     height: 40px !important;
}

Best Regards,

[Author]

Posts