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

@lindi Add this to Home > Design > Custom CSS

 

div#block-7c5da140197e0cb6d0a5 h3 {
    color: #333;
}

or you can also use this code

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.