Hey There.

I have a non-transparent header with animated underline and custom color scheme

> default header font color #9e9e9e
> header font hover color #334999

How can i set the header starting and hover font color (active and hover ) to #334999 and set the underline color to #000000?

Thanks Massimo

Not only. I want....
> starting header font #334999
> active header font #334999
> default header font color #9e9e9e

> header font hover color #334999
> underline #000000

Hey Tahir.
If i activate "underline animation" everything interactive (active, hover, starting) on custom colors for the header font is dedicated to the line instead to the font. See once again the screenshots. I send you the login data - try on your own without custom css... ;)

> starting header font #334999
> active header font #334999
> default header font color #9e9e9e
> header font hover color #334999
> underline #00000 (always)

Hey Tahir.

THIS is working

#header-outer[data-lhe="animated_underline"] header#top nav > ul > li > a:hover, #header-outer[data-lhe="animated_underline"] header#top nav > ul > li.current-menu-item > a  {
  color: #334999!important;
}

#header-outer[data-lhe="animated_underline"] header#top nav > ul > li > a:after, #header-outer[data-lhe="animated_underline"] header#top nav>ul>li[class*="button_bordered"]>a:before {
    border-color: #000000 !important;
}

Hey Tahir.

How should the custom css looks like? THIS does not work:

#header-outer[data-lhe="animated_underline"] header#top nav > ul > li > a:hover, #header-outer[data-lhe="animated_underline"] header#top nav > ul > li.current-menu-item > a, #header-outer[data-lhe="animated_underline"] header#top nav > ul > li.current-menu-parent > a:active  {
  color: #334999!important;
}

Thanks Tahir for solving.