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
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.
Remember to rate our theme if you like it All the Best.
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 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");
}
Remember to rate our theme if you like it All the Best.
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.
Comments
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.
All the Best.
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?
Please use this:
.top-menu > .menu-item:after { border-bottom: 2px solid #000; }
Yep, You can!
Use this:
.socials a { background-image: url("images/socials.png"); }
All the Best.
#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
i think i will use a white menu as workaround