Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.
Hire Us

Okay
  Public Ticket #2371998
Hover color in woocommerce
Closed

Comments

  •  1
    trendheim started the conversation
    April 22, 2020 at 7:55am

    Hi, where do I change the color of the hover effect on a product in woocommerce? Thanks

  •  7,092
    Oliver replied
    April 22, 2020 at 11:03am

    HI!

    pls. use following css:

    body .products .product-image .woo-product-overlay {
    background: rgba(0, 188, 212, 0.3);
}

     

    6707465710.png

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •  1
    trendheim replied
    April 22, 2020 at 1:50pm

    Thanks - looks like it changes the overlay - but then it appears again when the layer with "photo-icon" comes and on the thumbnails down under the main image. How can I remove it? Make it transparent?

  •  1
    Saif Ali replied
    April 22, 2020 at 9:09pm

    I guess it would be only.

    body .products .product-image .woo-product-overlay:hover {    background: rgba(0, 188, 212, 0.3);
}
  •   trendheim replied privately
  •  7,092
    Oliver replied
    April 23, 2020 at 12:23pm

    HI!

    pls. use following css:

    body .gem-gallery .gem-gallery-preview-carousel-wrap .gem-gallery-item a:before {
    background-color: transparent;
}
body .gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item a:before, 
body .gem-gallery-hover-default .active .gem-gallery-item-image:after {
    background-color: transparent;
}
body .gem-gallery .gem-gallery-thumbs-carousel-wrap .gem-gallery-item.active svg {
    display: none;
}

     

    6707465710.png

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver