Jump to content

Overriding alt font colors on background image

Recommended Posts

I'm using the Impact theme and have added a very light background image in one section. I have set my alternative colors to lighter choices as this is what I will need for the majority of the site, but for this particular section I would like to use my original darker color. Is there a way to override this alt color for my H3, but only on this particular section of the site?

Any help is appreciated. Thanks!

** Pic of the affected white H3 in attached. Domain is https://parrot-rabbit-m3m9.squarespace.com/ 

Screenshot 2019-10-06 at 11.41.11.png

Link to comment
  • Replies 5
  • Views 888
  • Created
  • Last Reply

If this section is part of an Index, you can target that specific section with Custom CSS using the unique `id` Squarespace assigns to the section. The `id` is based on the name of the page. Your site visibility is set to private, so nobody in the community can view the site unless you assign and share a password. Your custom css would look something like this:

#page-section-name {
  h3 { color: initial; }
}

 

Link to comment

Thanks @e2astudio - I have tried your suggested CSS but either I am doing something incorrect or its not working...

In the page settings, I entered the following in the Advanced section:

#coaching-readiness {
  h3 { color: 345746; }
}

Any ideas why it's not taking? 

You can now view the page using password SS123. Thanks!

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.