Jump to content

Change color of site title & nav ONLY on index page?

Go to solution Solved by ArminB,

Recommended Posts

  • Solution

Hi!

add the following code
 

<style>
.header-title-text a
{color: red !important;}
</style>

To the header of the specific page

> go to WEBSITE
> go to the page
> click the gearwheel icon (settings of this page)
> past the CSS to ADVANCED > CODE INJECTION
you can use any HEX color code instead of "red"

About Armin:
Squarespace Expert Profile: https://www.squarespace.com/designer/profile/3649084
Website: www.braunsberger-media.com

Link to comment
  • 4 months later...

I am trying to change the color of site title and nav links on a single page.  I tried the above code (

<style>
.header-title-text a
{color: red !important;}
</style>)

, but it's not working.  Could my template be causing problems?  I also changed the background color of the page...could that be a problem? Is there another code to try?  Any help would be MUCH appreciated

https://julia-braczyk-cxsi.squarespace.com/painting

(trying to make the text black...right now It's white and disappears on the white background)

Thank you

Link to comment
On 6/14/2024 at 11:14 PM, brianwalksonmoon said:

I am trying to change the color of site title and nav links on a single page.  I tried the above code (

<style>
.header-title-text a
{color: red !important;}
</style>)

, but it's not working.  Could my template be causing problems?  I also changed the background color of the page...could that be a problem? Is there another code to try?  Any help would be MUCH appreciated

https://julia-braczyk-cxsi.squarespace.com/painting

(trying to make the text black...right now It's white and disappears on the white background)

Thank you

Use this code instead

<style>
  header#header * {
    color: red !important;
}
</style>

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 months later...

@ArminB Hi there! I am trying to change the color of my site title, nav links, menu folders and folder content links all to be white on my homepage only. I've added the code you shared here to the advanced code injection on my homepage but it's only changed the site title so far. I think I need the selectors for those other things as well. Could you please advise? Here is the url:

https://upwardpartners.squarespace.com/?password=brian

Thanks so much in advance! 

Link to comment
On 8/25/2024 at 4:28 AM, ellen_b said:

@ArminB Hi there! I am trying to change the color of my site title, nav links, menu folders and folder content links all to be white on my homepage only. I've added the code you shared here to the advanced code injection on my homepage but it's only changed the site title so far. I think I need the selectors for those other things as well. Could you please advise? Here is the url:

https://upwardpartners.squarespace.com/?password=brian

Thanks so much in advance! 

You can use CSS code like this

<style>
  a#site-title, div.header-nav-item a, a.btn {
  	color: #fff !important;
  }
  div.burger-inner>div {
  	background-color: #fff !important;
  }
</style>

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (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.