On the home page under Our NEBOSH & IOSH courses, we want the text to be visible in the 10 masonary blocks all the time even on hover but the image to not be darkened – but essentially go to its normal full-colour state on hover with the text to be still there…
How is this acheived?
Hey whdsolutions,
Thank you for the inquiry.
You can use this css code to adjust the opacity of the masonry caption or content background.
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
background: rgba(0,0,0,0.01);
}
Default background opacity is 0.35.
Best regards,
Ismael