Home Forums Themes Support Gecko Remove Product Listing Hover Style

Topic Resolution: Resolved
Viewing 4 reply threads
  • Author
    Posts
    • #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

    • #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

    • #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.

    • #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

    • #28247

      Works now, thanks for you help.

Viewing 4 reply threads

You must be logged in to reply to this topic.