WordPress.org

Ready to get started?Download WordPress

Forums

[twentytwelve] change menu bar color (14 posts)

  1. Qjoobsian
    Member
    Posted 1 year ago #

    Despite using firebug, looking at #access in twentyeleven theme I seem not to be able to find out where and how to change the menu bars color in the twentytwelve theme.

    I have been able to change hover color and the color of the upper and bottom border but not the color of the menu bar.
    Where should I look?

    Some changes resulted in a faulty mobile phone display of the site so I hesitate...

  2. esmi
    Forum Moderator
    Posted 1 year ago #

    Do not edit the Twenty Twelve theme. It is the default WordPress theme 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. Or use a custom CSS plugin.

  3. Qjoobsian
    Member
    Posted 1 year ago #

    Thx esmi, already did that

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    Provide a link to your website please.

  5. esmi
    Forum Moderator
    Posted 1 year ago #

    Hint: try looking at nav.main-navigation.

  6. Qjoobsian
    Member
    Posted 1 year ago #

  7. Andrew
    Forum Moderator
    Posted 1 year ago #

    I tried out Esmi's selectors and they worked [screenshot].
    Try that.

  8. Qjoobsian
    Member
    Posted 1 year ago #

    Oh, very cool! I have a look at it and let you know. Thx both

  9. Qjoobsian
    Member
    Posted 1 year ago #

    Tried the Chrome tool instead of the Firebug tool and found what you showed Andrew.
    Just one thing. How did you activate the inspector-stylesheet 1?
    Mine does not show it, checked all options but non worked

  10. Andrew
    Forum Moderator
    Posted 1 year ago #

    I made a new style using the + (addition) symbol on the top of the CSS sidebar of the Styles.

  11. Qjoobsian
    Member
    Posted 1 year ago #

    Oops, can you check ..
    Did something there with the addition + and now have two new inspector stylesheets that don't go away.

    Maybe I should have asked before.. I hope changes made there do not affect the original stylesheet?
    So what's the exact purpose of this functionality where you can add style on the fly?

    Not been able to change menu bar color :0) ...yet

  12. Andrew
    Forum Moderator
    Posted 1 year ago #

    It sounds as though you need the level of support provided by CSS-specific forums http://csscreator.com/forum .

  13. Qjoobsian
    Member
    Posted 1 year ago #

    maybe that's a good idea

  14. MarkDenis
    Member
    Posted 1 year ago #

    If you want to edit the colours directly in the 2012 Themes go to appearance, editor, style.css
    which obviously is not the ideal way but;
    You need to change it in two areas
    Ctrl+f to find
    .main-navigation a{
    and
    .main-navigation li{
    You will find all the settings there

Topic Closed

This topic has been closed to new replies.

About this Topic