Customization of Products (Grid or Carousel)

Hello
I wrote a set of code to display the discount percentage and discount amount in the Products (Grid or Carousel) component.
However, I don’t want it to be displayed when the “products hover“ is “small”. What should I do ?
The following is the code I wrote, but it doesn’t work. Is it because the class name is written incorrectly?
Thank you!

Attachments:

You must be logged in to view attached files.

Hi zhufan122881,

Thanks for reaching to us and appreciate your patience.

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

.wd-hover-small .product-discount-wrapper{
	display: none;
}

Regards,

It works！Thank you !

Hi zhufan122881,

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

If you have a quick minute we always appreciate a 5-star rating on our theme!

https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

Your feedback is the motivation to improve our work and services.

Regards,

[Author]

Posts