Jump to content

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

Recommended Posts

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

Screen Shot 2021-11-12 at 9.27.00 am.png

Screen Shot 2021-11-12 at 9.27.07 am.png

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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

Screen Shot 2021-11-12 at 9.27.00 am.png

Screen Shot 2021-11-12 at 9.27.07 am.png

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

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

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.