Hello, I would like to know how to change the “font color” for the “image caption” on the image element [ layout builder > media elements > image ] ? I see an option for the font size, but there isn’t anything to change the color.
Someone asked this on the support, but was directed to this support forum…and I cant find it ANYWHERE!
On a side note, is there anyway to also change the color with the same element, of the dark opaque overlay when the mouse hovers over the image?
Hey!
Try adding this code to the Quick CSS:
.av-image-caption-overlay-position p {
color: yellow; /* this changes the color */
}
.av-image-caption-overlay {
background: rgba(22, 99, 99, 0.5); /* this changes overlay color (Red, Green, Blue, Alpha value) */
}
Cheers!
Josue