Jump to content

Need help changing the caption overlay color in the MOMENTUM template

Recommended Posts

  • Replies 6
  • Views 364
  • Created
  • Last Reply

Top Posters In This Topic

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 month later...
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;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...
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>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 3 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.