Jump to content

Change ONE header item to different color

By ntambu, in Customize with code

Go to solution Solved by paul2009,

Recommended Posts

ntambu Level 4

ntambu

Posted
Posted

Hello! I'm trying to change the header of my site so "Journey to Wholeness" is in orange. I can't figure it out. I saw other posts and added the code: a.header-nav-folder-title[href="/journey-to-wholeness"] {
    color: orange !important;
    font-weight: bold;
}

 

That did not work. Please help! 

Screen Shot 2022-11-29 at 10.28.14 AM.png

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

paul2009
paul2009

Your text is a nav link rather than a nav folder. Try using this: .header .header-nav-wrapper a[href="/journey-to-wholeness"] { color: var(--paragraphMediumColor)!important;  } Let me know how

ntambu
ntambu

Thank you!! You rock ◡̈  

Posted Images

paul2009 Level 17

paul2009

Posted
Posted

You forgot to share your site's URL with us. If your site isn't live yet, please set a site-wide password and share this with us too.

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

Link to comment
  • Solution
paul2009 Level 17

paul2009

Posted
  • Solution
Posted
30 minutes ago, ntambu said:

I'm trying to change the header of my site so "Journey to Wholeness" is in orange. 

Your text is a nav link rather than a nav folder. Try using this: 

.header .header-nav-wrapper a[href="/journey-to-wholeness"] {
  color: var(--paragraphMediumColor)!important; 
}

Let me know how you get on.

image.thumb.png.4035663371cb7716a8755575d8352840.png

Did this help? Please give feedback by clicking an icon below  ⬇️

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

Link to comment
ntambu Level 4

ntambu

Posted
  • Author
Posted
3 hours ago, paul2009 said:

Your text is a nav link rather than a nav folder. Try using this: 

.header .header-nav-wrapper a[href="/journey-to-wholeness"] {
  color: var(--paragraphMediumColor)!important; 
}

Let me know how you get on.

image.thumb.png.4035663371cb7716a8755575d8352840.png

Did this help? Please give feedback by clicking an icon below  ⬇️

Thank you!! You rock ◡̈  

Link to comment

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources