Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 27, 2017 at 12:56 am #783744
    JennyGr

    Hi on this page the masonry gallery has a white overlay and the mouse over effect removes it. How would I reverse it so that the image is clear, and the mouse over gives a white overlay?

    Many thanks

    Jenny

    April 29, 2017 at 3:50 pm #784985
    Victoria

    Hey JennyGr,

    I am seeing dark overlay (screen shot in private). Did you have it fixed or you need more help?

    Best regards,
    Victoria

    April 29, 2017 at 5:22 pm #785033
    JennyGr

    Hi Victoria on the blog article page (see private content) the images show in a grid which has the white overlay on. I want the first user encounter with the blog article to show the image as normal, then the white overlay could come on the mouseover

    April 29, 2017 at 5:24 pm #785034
    JennyGr

    For example on image on this page the images show clearly and only on mouse over does the white overlay apply

    May 1, 2017 at 12:37 pm #785670
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .avia_desktop .av-hover-overlay-active:hover .av-masonry-image-container {
    opacity: 0.7;
}
.avia_desktop .av-hover-overlay-active .av-masonry-image-container {
    opacity: 1;
}

    Best regards,
    Yigit

    May 2, 2017 at 12:26 am #786045
    JennyGr

    Yep that worked brilliantly Yigit, thank you. Could you close the post now please.

    Thanks again

    Jenny

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Reverse white overlay on masonry gallery’ is closed to new replies.