Need help changing the caption overlay color in the MOMENTUM template

Site URL: http://www.gastingerwalker.com/

I am wanting to change the color of the overlay box from black to white and the text color from white to blue.

On 10/13/2021 at 5:03 AM, Leslie1570048145 said:

Site URL: http://www.gastingerwalker.com/

I am wanting to change the color of the overlay box from black to white and the text color from white to blue.

Hi,

Where is caption overlay? I don't see it on homepage

I am so sorry I am just now responding. Our website updates took a back seat for a little bit.

http://www.gastingerwalker.com/work

when you hover over an image square a black bar comes up from the bottom of the image. Would love it to be white with black text

On 11/18/2021 at 10:10 PM, Leslie1570048145 said:

I am so sorry I am just now responding. Our website updates took a back seat for a little bit.

http://www.gastingerwalker.com/work

when you hover over an image square a black bar comes up from the bottom of the image. Would love it to be white with black text

Add to Design > Custom CSS

/* Work page hover */
body#collection-5cdc1a7b2cff4400018f8d18 {
figcaption.image-caption-wrapper {
    background-color: rgba(255,255,255,0.75) !important;
}
figcaption.image-caption-wrapper * {
    color: black !important;
}
}

hi there! thank you for this!!! It worked on one of the pages but not all that have this bar. Thoughts?

On 12/1/2021 at 1:39 AM, Leslie1570048145 said:

hi there! thank you for this!!! It worked on one of the pages but not all that have this bar. Thoughts?

Try adding to Work Page Header

<style>
  figcaption.image-caption-wrapper {
    background-color: rgba(255,255,255,0.75) !important;
}
figcaption.image-caption-wrapper * {
    color: black !important;
}
</style>

Thank you!