Hi,
I would like to change the transparency of the fade effect from the mansory gallery. I would like to have a more transparent preview od the images in gallery.
Where can I do that?
Kind regards Jak
Hey Jak73,
Could you please attach a mockup of what you’re trying to achieve?
Best regards,
Victoria
Hi Victoria,
I would like to have more transparency when watching the full gallery, when doing mouseover no transparency.
BTW i have the issue, that the effect seems not to work in responsive view?
Kind regards Jak
Hi,
Sorry for the late reply, thanks for the link to your page but your site seems down right now.
To change the masonry gallery items to have more transparency on page load and none on hover, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
.av-masonry-entry.av-masonry-item-loaded {
opacity: .5 !important;
}
.av-masonry-entry.av-masonry-item-loaded:hover {
opacity: 1 !important;
}
After applying the css, please clear your browser cache and check.
If this is not quite right then please link to a working page so we can investigate.
Best regards,
Mike
Hi Mike,
i tried it, but it does not work?
Please check…
Kind regards Jak
Hi,
I didn’t find the css above in your site and if I inject the css it makes the masonry item image opacity .5 on-load, and on-hover it is opacity 1.
Please see the screenshot in Private Content area.
Perhaps when you tested your cache was not fully cleared or perhaps your server cache was not fully cleared or perhaps there is an error somewhere in your custom css causing this to not work correctly.
If you check these points and you still can’t get it to work I would be happy to take a look at your backend, just include an admin login in the Private Content area.
Best regards,
Mike