[Martijn]

Hello,

I would like to change the color and hover color of the menu on top of the site. Its now orange but prefer another color ? I assume its possible wiht CSS but I dont know what the name of that menu is ?



[Mahesh]

@martijn: Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

.menu-item a {
    color: #00ff00; 
}

.menu-item a:hover {
    color: #0000ff;
}

Note: Please change the color as desired.

Regards,
Mahesh

[Martijn]

Dear Mahesh,
Yes that is great… But there is one small think I would like to change aswell.
The link from the current page (the one that is displayed) stays in your original orange color in the menu bar on top. How can I change that to another color. I tried :
current-menu-item but that did not work for me…

Regards,
Martijn

[Mahesh]

@martijn: For that, add the following CSS:

.main-navigation .current_page_item > a, 
.main-navigation .current-menu-item > a, 
.main-navigation .current_page_ancestor > a {
    color: #ff0000;
}

Hope this helps.
Note: Please change the color as desired.

Regards,
Mahesh

[Martijn]

absolutely great: thanks Mahesh

[Mahesh]

@martijn: Thank you for your appreciation. Have a nice day!

Regards,
Mahesh

[Author]

Posts