Menu tab colour change

-Try using Firefox with the Firebug add-on for this kind of CSS work. https://getfirebug.com/

You’ll need to create a Child Theme or add custom CSS via a plugin (JetPack for example) before you make that kind of customization.

You should not be making changes to the theme files – they will be overwritten and erased when WP is updated. Move your existing CSS changes to a child theme or custom CSS.

The add this to the new CSS:

#access .menu-header li#menu-item-639 {
    background-color: red;
}

If you just want the font color to change use “color” rather than “background-color” – and obviously, use whatever color you want.

Hi WPyogi I cant find the jetpack plugin to put the code in

Look in your plugins screen – if it’s not already there, you can add it via the install plugins – then you have to activate it which includes making a WordPress.COM user account so the JetPack features will work. More info here:

https://www.ads-software.com/extend/plugins/jetpack/

Thank you Wpyogi

I can change the background but it wont let me change text color only

Post here the CSS that you have tried to change the text colour.

I done what WPyogi said using jetpack

You should not be making changes to the theme files – they will be overwritten and erased when WP is updated. Move your existing CSS changes to a child theme or custom CSS.

The add this to the new CSS:
#access .menu-header li#menu-item-639 {
background-color: red;
}
If you just want the font color to change use “color” rather than “background-color” – and obviously, use whatever color you want.

What is your CSS regarding the text colour?

#access .menu-header li#menu-item-639 {
background-color: #52F3FF;
}

I just want to change text color not background

Have you tried;

#access .menu-header li#menu-item-639 a{
 color: #52F3FF;
}

That worked Andrew thank you very much.
Could you also tell me how I know what number each tab is.

If you’re not using Firebug, then use Google Chrome and right click on a menu tab. Press ‘Inspect element’.

You should then be able to see your HTML structure and the number each tab is.

Example screenshot.

Thanks Andrew you have been a great help ??