Styling improvement category page product tiles

Hi,

I’d like to have a clean category page, without buttons, short descriptions or hover effect. I’ve selected the 3rd option in ‘product styles’ and removed the buttons via settings and custom CSS. However, I’d also like to get rid of the hover effect. When hovering a product, the price disappears.

How can I remove the product tile hover effect?

Let me know, thanks!

Paul

Hi PD11,

Thanks for reaching to us.

Please provide URL of the mentioned page, so I can take a closer look.

Regards,

Sure, please find attached a URL of a category page

Hi PD11,

Thanks for sharing url.

Add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS.

@media (min-width: 1025px){
	.product.wd-hover-alt:not(.wd-variation-active):is(.purchasable,.product-type-grouped):hover .swap-elements {
			transform: none !important;
	}
}

Regards,

Thanks, that works!

Hi PD11,

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