Jump to content

Changing Nav Font on Blog Pages

Recommended Posts

I used this code to change the nav colour for a my blogs

<style>
  .header-announcement-bar-wrapper {
    background: #0b3141 !important;
}
</style>

The nav font is the same colour so doesn't show up. (Other pages the nav is transparent) 
How do I turn the nav font on these blog pages?

I cannot share login through forum but back through private message

Link to comment
  • Replies 4
  • Views 270
  • Created
  • Last Reply

Top Posters In This Topic

22 hours ago, Craigers said:

I used this code to change the nav colour for a my blogs

<style>
  .header-announcement-bar-wrapper {
    background: #0b3141 !important;
}
</style>

The nav font is the same colour so doesn't show up. (Other pages the nav is transparent) 
How do I turn the nav font on these blog pages?

I cannot share login through forum but back through private message

HI I would love to assist you with this please do come inbox. 

Link to comment
On 5/7/2022 at 6:20 AM, Craigers said:

I used this code to change the nav colour for a my blogs

<style>
  .header-announcement-bar-wrapper {
    background: #0b3141 !important;
}
</style>

The nav font is the same colour so doesn't show up. (Other pages the nav is transparent) 
How do I turn the nav font on these blog pages?

I cannot share login through forum but back through private message

Use this code

<style>
  .header-announcement-bar-wrapper {
    background: #0b3141 !important;
}
  .header-announcement-bar-wrapper .header-nav-item a {
  	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
  • 8 months later...
On 1/19/2023 at 6:25 PM, nathanlmcguire said:

Hey, 

I am having a similar issue. 

I would like the font colour of the navigation to be black on blog posts only. 

Is that possible? 

here is my site link - https://thegodlyirritant.com/blogs/white-consciousness-and-black-lives-matter

Add to Design > Custom CSS

body[class*="type-blog"].view-item {
	.header-nav-item *, .header-menu-nav-item * {
		color: black !important;
}
}

 

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.