Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

Wu Wei theme; Altering color in Main Menu (top page)

  1. sahumenik
    Member

    Hello!

    My site: http://abeautifulevolution.wordpress.com/
    .Com: Yes
    CSS Editing Package Purchased: Yes.
    Theme: Wu Wei

    Problem: I cannot adjust the colors in the main/navigation/pages menu at the top of the page. Text/Link font/color is not a problem. It is specifically that little bit of colored bar that appears on hover - white/blue (dark theme) or grey/orange (light theme). I would like to adjust that base color as well as the hover over color - to keep the colors consistent on my page. I am not sure - even with Internet Developer - what the specific "id" is, and thus am unable to set up the code.
    Or maybe it is a part of the php; therefore, cannot be adjusted?

    I have just delved into the world of CSS, and of all the progress made, this is one hurdle I cannot seem to overcome. Currently, none of my personal css modifications are on the site. Any help would be appreciated!

    The blog I need help with is abeautifulevolution.wordpress.com.

  2. panaghiotisadam
    Member

    Add this, replacing 000000 with the hex codes for the colors you prefer:

    .menu-main a {border-color: #000000;}
.menu-main a:hover {border-color: #000000 !important;}
.menu-main .current_page_item a {border-color: #000000;}

  3. sahumenik
    Member

    Thank you! That has solved almost the entire problem. The interface looks great when I plug it in, but I am still having a problem in that same menu-main area.

    If you hover the mouse in the white space between the "home" and "about" pages, the top color still highlights orange, regardless of the CSS modifications in place.

    Is there a way to fix this?

  4. panaghiotisadam
    Member

    Sorry, hadn't noticed that. Add this too:
    .menu-main li:hover > a { border-color:#000000; }

    But you've left the 000000s untouched: other colors would be better. Palettes here:
    http://www.december.com/html/spec/color.html

  5. sahumenik
    Member

    That worked beautifully. I did, in fact, leave the colors untouched for the time being. I want to finish fleshing out the changes to the design before playing with a potential color scheme.

    Thank you again for your help and the awesome hex color reference link :)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags