Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 20, 2025 at 1:29 am #1487025
    tiadrop

    Hello

    On one of my websites with enfold, I have used the mason gallery. I can’t find how to remove the color overlay feature that is default until you hover on the image and click on the image then it shows in full color.

    I need to remove this overlay feature and just have the gallery images show in full color at all times. In the advanced settings, I did select overlay disable however this did not turn if off on the mason gallery. I have linked the information to the site below

    July 20, 2025 at 1:31 am #1487026
    tiadrop
    This reply has been marked as private.
    July 20, 2025 at 10:51 am #1487031
    Rikard

    Hi,

    Thanks for the login details. Please try the following in Quick CSS under Enfold->General Styling:

    .av-masonry-image-container {
  opacity: 1;
}

    Best regards,
    Rikard

    July 20, 2025 at 9:52 pm #1487044
    tiadrop
    This reply has been marked as private.
    July 25, 2025 at 8:36 pm #1487241
    Mike

    Hi,
    Try this CSS instead in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

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

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    July 25, 2025 at 9:48 pm #1487245
    tiadrop
    This reply has been marked as private.
    July 25, 2025 at 9:58 pm #1487247
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Mason Gallery color effect’ is closed to new replies.