Changing text color of header selected page

[caitlynneal]

Hi, how can I change the text colour of the selected page (HOME) on my website? Heres a screenshot. It does not seem to be an option in my theme color settings. Thanks

[Tech_Coding]

Hello @caitlynneal 
would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

[caitlynneal]

Thanks so much for you help!! @Tech_Coding www.silksoothehair.com

P: rtutti

[Tech_Coding]

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
   header span.header__active-menu-item {
      color: #000 !important; /*change color according to you*/
   }
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[caitlynneal]

Hmm, it didn't seem to change- what am I doing wrong? @Tech_Coding 

[Tech_Coding]

The code you have pasted is correct in the file but when I inspect it it looks like this

remove the code and paste it  before </body>

<style>
   header span.header__active-menu-item {
      color: #000000 !important; /*change color according to you*/
   }
</style>

[BSS-TekLabs]

Hello @caitlynneal 
Our team is ready to help you.
Please share your website URL so that we can check and assist you.

[BSS-TekLabs]

- Here is the solution for you @caitlynneal 
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

<style>
.header__active-menu-item {
    color: #000000 !important;
}
</style>

- Change #000000 to color you 

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[caitlynneal]

Hi, how would I change the colour for the 'home' selected page? from dark grey to white

[caitlynneal]

ah it worked!!! thank you