Remove Product Listing Hover Style

[SausageBap]

Hi,

I’d like to remove the Hover style completely on the Product Listing page.  Therefore when a user hovers over a product listing the white background does not appear(and the included Quick View, Wish List etc) and it simply remains the picture of the product and clickable a bit like the Product Categories.

Thanks

Chris

[Harry]

Hi Chris,

You can remove hover style on product listing by add below code to JanStudio > Theme Option > General Layout > Custom CSS

.product-image:hover .db::before {
	background: none;
}
.product-button {
	display: none;
}

And go to Theme Option > WooCommerce > Product Listing > Enable Products Attribute On Product List uncheck all.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[SausageBap]

Thanks, that mostly worked.  I still had the Quick View button come up so I added this line which got rid of it:

.product-image .btn-quickview { display: none; }

I still get a slight hover effect which pans out from the centre of the picture but then turns transparent and not white.

[Harry]

Hi Chris,

Please add more code

.product-image .db:before {
	display: none;
}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[SausageBap]

Works now, thanks for you help.

[Author]

Posts