Changing Nav Font on Blog Pages

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

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. 

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>

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

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