h1 overlay overwrite

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>

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>

Try this:

#BLOCKID
h1 {color: white;}

For example:

#block-yui_3_17_2_1_1600319215132_8112 
h1 {color: white;}

Thank you! Worked like a charm 😄

5 hours ago, lesley.pocklington said:

Thank you! Worked like a charm 😄

You're very welcome 🙂