How do I make my blog post font a different color in my heading?

[iceymonski]

Hi. How do I change the color of the text "The Wellness Club" in my header? It's my blog page. 

I only want to change the color of that text to a dark green.

[BSSCommerce-B2B · Accepted solution]

@iceymonski ,

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file theme.liquid.

Step 3. Add this code above </body>

<style>
.header__menu__inner .menu__item:nth-child(6) {
  color: #06402B!important
}
</style>

Result:

[AnneLuo]

Hi, @iceymonski 

Can you please share the store URL so that I can assist you?

[Sweans]

Hi @iceymonski,

Please provide the store link and, if applicable, the password so that we can check and provide a better solution.

Regards,
Sweans

[BSSCommerce-B2B · Accepted solution]

@iceymonski ,

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file theme.liquid.

Step 3. Add this code above </body>

<style>
.header__menu__inner .menu__item:nth-child(6) {
  color: #06402B!important
}
</style>

Result:

[iceymonski]

Thank you 🙂 That worked.

But it only stays green on my homepage.. how do I make it green for every page?

[BSSCommerce-B2B · Accepted solution]

@iceymonski, I think it also works on other pages, but on those pages, the other titles are all black, so it looks almost the same as dark green.

You could change it to another color

<style>
.header__menu__inner .menu__item:nth-child(6) {
  color: darkgreen!important
}
</style>

[iceymonski]

That worked. Thank you very much 🙂 

[AnneLuo]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
a[href="/blogs/news"] span.navtext {
    color: darkgreen;
}
</style>

Result:

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!