Vary header colors

[Kyle – SUPPORT]

Add this:

.page-id-820 nav .menu > li.current-menu-ancestor > a {
  color: #ffffff!important;
}

– Kyle

[adventures]

I switched the #fff for black and that works for the active state, but the hover is still acting funky and it doesn’t stay black when I mouse over the dropdown menu.

[Kyle – SUPPORT]

Check now, you might need to clear your cache

– Kyle

[adventures]

Still no. I cleared my cache again (I do every time I make a change) and checked two other browsers.

[Kyle – SUPPORT]

Working for me? http://d.pr/i/hzHC/358ETeG0

– Kyle

[adventures]

Like I said previously, that works for the active state, but the hover is still acting funky and it doesn’t stay black when I mouse over the dropdown menu. See screenshot.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Check now

– Kyle

[adventures]

Great, the active state is staying black now. What did you change so that I can mimic in on the other pages? Also, is there a way to do that for the line that appears at the top of the bar on hover/active?

[Kyle – SUPPORT]

Add this:

.page-id-820 nav .menu > li.current-menu-ancestor > a {
  box-shadow: 0 5px 0 #111111 inset;
}

To repeat for other pages, just copy all of the css that have the page id, then repeat but change the page id

– Kyle

[adventures]

This one is still causing me grief – any suggestions? See /10-19-specials-v1/ where the active text is orange on orange (unreadable).

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Add !important onto:

.page-id-1341 .full-center nav.float-alt-menu ul.menu > li > a, .page-id-1341 .full-center #header nav.std-menu ul.menu > li > a {
  color: #fff;
}

– Kyle

[adventures]

That takes care of the active color but the other text in the header is white now, too, when it should be black.

How about if I just change the home page header color only? I noticed before that if I use the page ID then it doesn’t work when it’s “home,” so what home page class should I add?

[Kyle – SUPPORT]

The page class for the home page is .home

– Kyle

[adventures]

Ok that’s not working for me. Would you be able to provide the css to change the home page header color only? Say I wanted the header background to be #f7f7f7, the nav/link text to be #000 with a rollover/hover/active text and upper little bar color of #e96a40.

Hopefully this will solve the problem and I can quit bugging ya!

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css.

.home .full-header-stick {
    background-color: #000;
}

-Rui