Support » Themes and Templates » Twenty Twelve theme – changing menu colour

  • Resolved thestealthyfox


    I’m trying to change the menu colour in Twenty Twelve, I’ve edited the
    .main-navigation part but still nothing is happening.

    Anyone have any ideas as it’s driving me mad! Also, afterwards I’d like to change the colour of the lines – not sure what I need to be looking for in the stylesheet for that?


Viewing 6 replies - 1 through 6 (of 6 total)
  • esmi


    Forum Moderator

    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?



    Forum Moderator

    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;

    Moderator Andrew Nevins


    Forum moderator

    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.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Twenty Twelve theme – changing menu colour’ is closed to new replies.