Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 23, 2020 at 2:17 pm #1232597
    VJLoops-GT

    Dear support team

    is it possible to add some kind of hover effect in the product-grid (gallery) element?
    Image zoom / some color overlay ?

    I found here a code that changes the title color but I’m more into adding something on the image area, similar to the portfolio grid effects.

    thanks in advance

    Elad.

    July 23, 2020 at 5:27 pm #1232693
    Victoria

    Hey VJLoops-GT,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    July 23, 2020 at 6:33 pm #1232741
    VJLoops-GT

    Hey Victoria

    Shop

    this is the store page with the product grid element.

    I just asked if it’s possible via CSS or something to add some hover FX when you put your mouse on the item.

    just like what happens here: https://byroni.co.il/product/%d7%91%d7%92%d7%93-%d7%94%d7%99%d7%9d-%d7%a9%d7%9c-%d7%a8%d7%95%d7%a0%d7%99-%d7%9b%d7%97%d7%95%d7%9c/

    but different…
    for example a zoom-in effect or some color overlay.

    thanks in advance!

    Elad.

    July 24, 2020 at 12:27 pm #1232959
    Victoria

    Hi Elad,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
div .products .product a:hover {
    filter: grayscale(0.8);
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    July 24, 2020 at 1:10 pm #1232980
    VJLoops-GT

    Hey Vicrotia

    thank you so much!

    have a great weekend

    Elad.

    July 24, 2020 at 8:49 pm #1233081
    Victoria

    Hi Elad,

    Glad we could help :)

    Thank you and you too!
    Best regards,
    Victoria

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.