Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
lindi

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

Share this post


Link to post

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; }
}

 

Share this post


Link to post

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!

Share this post


Link to post

@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;
}

 

Edited by tuanphan
update code

 Send me a message if you have any questions.

OFF forum from Jan 16 - Jan 31 for Lunar New Year.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...