Disable focussing masonry gallery

Hey Erwin,

Thank you for the inquiry.

You can disable the hover/focus effect on the masonry gallery images by adding the following css to Enfold > General Styling > Quick CSS:

#top .av-masonry-item .av-masonry-image-container:before,
#top .av-masonry-item .av-masonry-image-container:after {
    display: none !important;
}

#top .av-masonry-item:hover .av-masonry-image-container img {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
}

If you only want to target a specific masonry gallery on the page and leave the others unaffected, you can wrap it in a section or cell with a Custom CSS Class and then use that class as the parent selector in the code above.

— https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support

Let us know if the issue persists.

Best regards,
Ismael

Hi,

Great, I’m glad that Ismael could help you out. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard