Home › Forums › Themes Support › Gecko › Remove Product Listing Hover Style
- This topic has 4 replies, 2 voices, and was last updated 5 years, 2 months ago by SausageBap.
-
AuthorPosts
-
-
January 14, 2019 at 6:58 pm #28207
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
-
January 14, 2019 at 9:15 pm #28209
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 -
January 15, 2019 at 12:53 am #28212
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.
-
January 15, 2019 at 8:20 am #28217
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 -
January 15, 2019 at 9:33 pm #28247
Works now, thanks for you help.
-
-
AuthorPosts
You must be logged in to reply to this topic.