Twenty Twelve theme – changing menu colour

Do not edit the Twenty Twelve theme. It will be the default theme in WordPress 3.5 and having access to an unedited version of the theme is vital when dealing with a range of site issues. First create a child theme for your changes.

Thanks esmi, I’ve created a child theme.

Do you know what coding that I need to add to it to override the font colour and line colour?

Try using Firebug — which helps you identify which CSS code is affecting elements on the page.

Give that a try and if you still have problems, post a link to your site and someone may be able to give you more specific help.

After having created the child theme, add the following code to your .css file:

.`main-navigation li a:hover {
color: #FF0000;
}

.main-navigation li a {
color: #FFFFFF;
}`

meaning of the code:
.main-navigation li a:hover – means that when you scroll your mouse over the menu, the color changes to the color: FF0000 = to red.

and the .main-navingation li a – defines the font color of your menu: in this case FFFFFF = to white

i am still having a challenge: how to change the color of the page being visited??? after clicking on one page, the color changes to the default grey color of twentytwelve.

code to be added:

.main-navigation li a:hover {
color: #FF0000;
}

.main-navigation li a {
color: #FFFFFF;
}

Closing this thread as the discussion ended 4 months ago.
If you need further support than that provided in this thread, create your own thread.