Jump to content

h1 overlay overwrite

Recommended Posts

Site URL: http://www.recoop.care

Hey everyone! I am trying to overwrite the h1 (overlay) style for one specific banner on a homepage. The banner section is considered a "page" (identified by #welcome) so I dropped the following code in the advanced section, but it doesn't work. Should the h1 have a different name because it's overlay? Any tips?

<style>
#welcome h1 { 
 color: #FFF !important;
}
</style>

Screen Shot 2020-09-17 at 9.56.37 AM.png

Link to comment
  • Replies 3
  • Created
  • Last Reply
2 hours ago, lesley.pocklington said:

Site URL: http://www.recoop.care

Hey everyone! I am trying to overwrite the h1 (overlay) style for one specific banner on a homepage. The banner section is considered a "page" (identified by #welcome) so I dropped the following code in the advanced section, but it doesn't work. Should the h1 have a different name because it's overlay? Any tips?

<style>
#welcome h1 { 
 color: #FFF !important;
}
</style>

Screen Shot 2020-09-17 at 9.56.37 AM.png

 

 

Try this:

#BLOCKID
h1 {color: white;}

For example:

#block-yui_3_17_2_1_1600319215132_8112 
h1 {color: white;}

 

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.