Return to previous page

Disable hover - by Katya - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 7 years, 5 months ago ago by Rose Tyler

  • Avatar: Katya
    Katya
    Participant
    June 13, 2017 at 04:26

    hello, how can i disable this hover image on all my products pleae? http://sevenseasaus.wpengine.com/wp-content/uploads/Screen-Shot-2017-06-13-at-11.24.32-AM.png

    #165568 Copied
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 13, 2017 at 07:42

    Hello,

    It is hover effect on category of product and you can add this code in custom css to remove it:

    .product-category .mask-container .block-mask {
    display: none;
}

    Regards,
    Rose Tyler.

    #165587 Copied
    Avatar: Katya
    Katya
    Participant
    June 20, 2017 at 06:50

    Thank you for your feedback. If I do that though, I am not able to click through by clicking the image.

    I want to click on the image into the product, I just don’t want the little link image on the hover, I like the color change, just not the little paper clip image on it. Any ideas how I can remove it (just the paperclip)?

    #166052 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 20, 2017 at 08:48

    Hello,

    Please try this code:

    .product-category .mask-container .block-mask .mask-content a i, .product-category .mask-container .block-mask .mask-content a:after {
    display: none;
}
.product-category .mask-container .block-mask .mask-content a, .product-category .mask-container .block-mask .mask-content a:hover {
    background-color: transparent;
}

    Regards,
    Rose Tyler.

    #166059 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Architecture Studio – WordPress WooCommerce Theme
lazy-placeholder
Minimalist Outfits – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion 03 Store – WordPress WooCommerce Theme
lazy-placeholder
Baby Shop – WordPress WooCommerce Theme
lazy-placeholder
Meeting – WordPress Theme
lazy-placeholder
Handmade Store – WordPress WooCommerce Theme
lazy-placeholder
Interior Store – WooCommerce Theme
lazy-placeholder
Rental Car – WordPress WooCommerce Theme
lazy-placeholder
Spice Store – WordPress WooCommerce Theme
lazy-placeholder
Babyland 01 – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.