Changing the color of text in Adventure Theme Menu Bar

  • Unknown's avatar
    aslpnow · Member ·

    The theme I’m using is the Adventure Theme, and I have the CSS Customization ability. I cannot, however, figure out how to change the background color, then the text color of the menu bar at the top of the page.

    Currently it is white background with black lettering (and there is a hover color). I’d like to change the colors of all three, actually–background, text, and hover.

    Any help you can give I’d appreciate greatly!

    Kirk Brewer

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    joelymil · Member ·

    I’ve provided an example below with dramatic colors, just so you can see what’s going on. Tweak each of the color values to whatever you like!

    We’re going to do several things here:

    1. Set the background color of the header bar.
    2. Set the background color of the nav bar within the header to the same color.
    3. Set the text color of links in the menu
    4. Set the hover background color and text color of links in the menu
    5. Set the background color and text color of the currently selected menu link (to the same as the hover colors, because your site is currently using this convention).
    #header {
    background-color: #d9d5af;
}

#navigation {
    background-color: #d9d5af;
}

.menu a {
    color: tomato;
}

.menu a:hover {
    background: tomato;
    color: #fff;
}

#navigation .menu .current_page_item a,
#navigation .menu .current-menu-item a {
    background: tomato;
    color: #fff;
}

    This should get you on your way!

  • Unknown's avatar
    helenehhh · Member ·

    This was a great help. Can you please include code to affect same color changes to the dropdown menu (I have created a custom menu).

  • Unknown's avatar
    joelymil · Member ·

    Hi helenehhh,

    I’ve just realized that the Adventure theme is a premium theme and so you should have access to the premium support forum for the theme.

    http://premium-themes.forums.wordpress.com/forum/adventure

    Here, you’ll be able to get the best answer on how to style the dropdown menu, as it will come directly from the theme author.

  • Unknown's avatar
    helenehhh · Member ·

    thank you for pointing me in the right direction.

  • The topic ‘Changing the color of text in Adventure Theme Menu Bar’ is closed to new replies.