Moderator
t-p
(@t-p)
-Try using Firefox with the Firebug add-on for this kind of CSS work. http://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.
Thread Starter
aw1980
(@aw1980)
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:
http://wordpress.org/extend/plugins/jetpack/
Thread Starter
aw1980
(@aw1980)
I can change the background but it wont let me change text color only
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Post here the CSS that you have tried to change the text colour.
Thread Starter
aw1980
(@aw1980)
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.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
What is your CSS regarding the text colour?
Thread Starter
aw1980
(@aw1980)
#access .menu-header li#menu-item-639 {
background-color: #52F3FF;
}
I just want to change text color not background
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Have you tried;
#access .menu-header li#menu-item-639 a{
color: #52F3FF;
}
Thread Starter
aw1980
(@aw1980)
That worked Andrew thank you very much.
Could you also tell me how I know what number each tab is.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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.
Thread Starter
aw1980
(@aw1980)
Thanks Andrew you have been a great help 🙂
