CSS Text Colour Change problem in 7.0 - font keeps changing across blocks instead of on single block or section

Site URL: http://www.heirloome.net/gathering

Hi, I have an series of index pages I'm making.

I'm using the following code to change the colours of fonts on each section (using block IDs because I can't find code to change font for an entire section on the index page which is what I actually want to do);

#block-618a1a2b72a5c33f7cc199ed h1, h2, h3, {
color: #000000 !important;
}

However - when I do this, I then go to another index page for example, and the fonts are changing there too, when I don't want them to. It's making my site unreadable & I have no idea how to fix it.

Examples attached of blocks I *didn't* try to target with the above code, being changed to black, when I have existing code in there changing them to white...

1 hour ago, brickfur said:

Site URL: http://www.heirloome.net/gathering

Hi, I have an series of index pages I'm making.

I'm using the following code to change the colours of fonts on each section (using block IDs because I can't find code to change font for an entire section on the index page which is what I actually want to do);

#block-618a1a2b72a5c33f7cc199ed h1, h2, h3, {
color: #000000 !important;
}

However - when I do this, I then go to another index page for example, and the fonts are changing there too, when I don't want them to. It's making my site unreadable & I have no idea how to fix it.

Examples attached of blocks I *didn't* try to target with the above code, being changed to black, when I have existing code in there changing them to white...

To find out the section ID in squarespace template, you can install the Squarespace id finder

Here is how you can use: https://recordit.co/Aj9vXw6rfY

You can try using it to set style for your entire section