Colors Header

Tim92

Hi
normally it's no problem for me to change the colors in custom css but i didn't find 2 color settings
1. social icons in the header
2. line under active menu item

Can i set them in the admin panel, if yes where?

surgeon

Hi,
to define color of the line - use this definition:
.top-menu > .menu-item:hover:after, .top-menu > .menu-item.active:after, .top-menu > .menu-item.current-menu-item:after { border-bottom: 2px solid #000; }
instead of '#000' use another color.

as for social icons - those are taken from image file, and You just cant change the color.
But You can change color of the icons' background.

Tim92

Thanks for the quick reply.
I changed the border color but the beginning of the "animation" is still black after the sliding animation its white, is it possible to change that?

Tim92

Is it possible to set the header icons always to the white ones?

surgeon

Tim92 said: I changed the border color but the beginning of the "animation" is still black after the sliding animation its white, is it possible to change that?

sorry, forgot the animation initial state.
Please use this:
.top-menu > .menu-item:after { border-bottom: 2px solid #000; }

Tim92 said: Is it possible to set the header icons always to the white ones?

Yep, You can!
Use this:
.socials a { background-image: url("images/socials.png"); }

Tim92

i used this code:

#header .socials a{
background-image: url(images/socials.png);
}

because i only want them in the header white, but the code only work in the parent theme css, in custom and child css the icons aren't displayed with this code.

The menu animation works

Tim92

i don't get it.
i think i will use a white menu as workaround