WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] [closed] Twenty Twelve theme - changing menu colour (7 posts)

  1. thestealthyfox
    Member
    Posted 1 year ago #

    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?

    Thanks...

  2. esmi
    Forum Moderator
    Posted 1 year ago #

    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.

  3. thestealthyfox
    Member
    Posted 1 year ago #

    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?

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  5. gwardini
    Member
    Posted 1 year ago #

    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.

  6. gwardini
    Member
    Posted 1 year ago #

    code to be added:

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

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

  7. Andrew
    Forum Moderator
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic