Hi again,
When you hover over the items within the Masonry gallery I have the background changing to blue. Could someone please assist with adjusting the opacity on this blue background overlay? I would like to set it to .6 opacity.
Thank you guys so much.
Hey bobfurgo,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
.av-masonry-entry .av-inner-masonry-content {
background: rgba(0, 171, 239, .6)!important;
}
Best regards,
Vinay
Thanks for getting back! It didn’t work unfortunately :(
Thank you so much Victoria!
One more thing, on the hover is there is a margin on the top, right and left hand side. Is there a way to remove these margins so that when you hover, the blue covers the entire thumbnail? Thank you!
Hi,
Try adding this css code in Quick CSS:
#top .av-masonry-entry .av-inner-masonry-content:hover {
width: 100% !important;
margin-left: 0 !important;
margin-top: 0 !important;
}
Hope it helps :)
Best regards,
Nikko
You are wonderful, thank you kindly!