Header colors

[Adrenaline22]

Which setting in the customizer controls the header icons (account, cart, etc.) because I’m trying to change and nothing happens. I tested in incognito mode so..

I have Header options number 5.

URL: Oldskull.eu

[David Martin – Support]

Hi,

Within the Customizer => Color – Navigation => Menu Item Text Color.

Be sure you’re not using any caching/minification plugins.

Thanks.

[Adrenaline22]

umm..but when I change Menu Item Text Color the navigation menu links get changed as well. I can edit those through CSS but still it’s worth mentioning as I used to write cca 1000 lines of CSS with your themes and I tend to write as few as possible this time..

EDIT:

Also this is happening: I set the Menu Item Text Color to #222222 but on the frontend the color is #828282 (this is color is nowhere to be found in the customizer…)

[David Martin – Support]

Please add a WP login for us to take a closer look.

Thanks.

[Adrenaline22]

This reply has been marked as private.

[David Martin – Support]

1) Yes, as the items are part of the menu we thought to keep the colors uniform and not separate to avoid confusion.

2) Can you screenshot what is 828282? I do not see that within my inspecter.

Thanks.

[Adrenaline22]

I see.

But what if a customer decides he wants to have a header 5 type and want with black navigation bars, white menu links. Then the icons would be white too?

[Adrenaline22]

See the attached image.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

To be fair, that is perfectly understandable. Let me see if I can get this in on time before the release.

Please test this CSS:

.aux-item nav.std-menu .menu > li > a {
  color: red !important;
}
.aux-item nav.std-menu .menu > li > a:hover {
  color: blue !important;
}
.aux-item .shopping-bag-item a > span.num-items,
.hamburger-inner, 
.hamburger-inner:before, 
.hamburger-inner:after{
  background-color: red !important;
}
.hamburger-inner:hover, 
.hamburger-inner:hover:before, 
.hamburger-inner:hover:after{
  background-color: blue !important;
}

[Adrenaline22]

Yes that works for now thanks.

Another note.

Regarding Header 5 display: menu items are centered in the nav bar on the frontend, meanwhile in the ‘preview’ image in the menu settings they are align to the left. In my case it looks a little bit messy when they are centered.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

Great, yes that fix is resolved in the pending 1.0.6 update.

Cheers

[David Martin – Support]

PPS – If you remove the above CSS, please test this option for the aux link colors: Theme Options => Color – Header => Header Link Color.

[Adrenaline22]

I removed CSS (/**/)

the setting change you proposed works only in the preview mode as soon as I save the settings and refresh nothing changes.

[David Martin – Support]

Yup, just fixed that also. Found it just as I posted the above, classic.
Cheers.

[Adrenaline22]

when are you releasing the 1.06 version?