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 #1104043
Product Gallery Hover Image
Closed

Comments

  •  2
    kirodu started the conversation
    March 18, 2017 at 11:48pm

    How do I change the hover-over state on the individual products displayed on my homepage and the hover-over state on the product page itself.

    I want the image to switch to a closer view of the product similar to Redbubble. See images below for example.

    At the moment it has a blue faded box effect with a magnifying glass.

  •  7,121
    Oliver replied
    March 20, 2017 at 1:07pm

    HI!

    pls. use following css:

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

     

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

    Regards, Oliver