Menu color Layouts

Evhulten1990 · February 2016

Hi there,

I created a lay-out for the follow up pages. On the homepage (http://dev.managementinstituut.nl/wordpress/) the menu color is and must be white, however on the follow up page (created with a layout: http://dev.managementinstituut.nl/wordpress/?page_id=80) the menu color should be dark blue (it is automatically white at the moment)

Is there a code i can use to change this?

Thanks in advance!

Albert · February 2016

Hi,

but what kind of code you are looking for? To change menu items color on all inner pages, except home?

Evhulten1990 · February 2016

Jap. That is what i am looking for. (including the link color/hove-over color).

As you can see the menu tekst is now white on all pages. The homepage should remain white and all the other pages should have a different color. ( as you can see on the other pages, the menu is not visible because the text is white)

Albert · February 2016

So to do this, you need to use the following css:

#Top_bar:not(.home) .menu > li > a span:not(.description) { color: #000 !important; }
#Top_bar:not(.home) .menu > li > a:hover span:not(.description) { color: #E2E2E2 !important; }

Evhulten1990 · February 2016

Ok. But this changes the color on the homepage as well... Whereas the homepage color must remain white, the others must have the different color

Albert · February 2016

Sorry, you're right. We did a mistake. Instead of above css, you should use:

body:not(.home) #Top_bar .menu > li > a span:not(.description) { color: #000 !important; }
body:not(.home) #Top_bar:not .menu > li > a:hover span:not(.description) { color: #FFF !important; }

Menu color Layouts

Comments