How can I change the background color/transparency of my caption overlay on hover?

Elisabethh · March 16, 2023

Hi all, wondering how I can change the background color/transparency of my caption overlay on hover, with custom css code.

tuanphan · March 19, 2023

Hi,

Can you share link to page where you use caption? We can check easier

Elisabethh · March 19, 2023

Hi Tuanphan, here you go:

tuanphan · March 21, 2023

On 3/19/2023 at 8:02 PM, Elisabethh said:

Hi Tuanphan, here you go:

https://pale-studio.com/casa-lopez-outdoor

Add to Design > Custom CSS. 0.2 is opacity (0 to 1)

figcaption.image-caption-wrapper {
    background-color: rgba(0,0,0,0.2) !important;
}

Elisabethh · March 21, 2023

Worked perfectly, many thanks!

Recommended Posts