Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 31, 2015 at 3:13 am #388675
    Charlie999

    Hi
    My header color is 0000cd (dark blue) and i have a white color in logo area font color. But the font color is light gray, and only white when hoover the link and white when the link is active. I do simply want it white from start, light gray when hoover and white gray when active. But that’s not possible to do with the little buggy menu font color behavior.

    If i change the menu font color in Advanced styling- Main Menu Links to white it works (the font is white) but i do loose all the hoover and active menu functions.

    Please tell me how to get a clean white menu font color to start, a light gray menu font color when hoover and a light gray menu font color when the menu link is active? instead of the other way around everything.

    Friendly Regards, Charlie

    January 31, 2015 at 11:36 pm #388880
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .avia-menu li > a > .avia-menu-txt, .avia-menu li.current-menu-item > a > .avia-menu-txt{
color: white;
}
.avia-menu li:hover > a > .avia-menu-txt{
color: gray;
}

    Please do not copy this code directly from the mail notification message but from the forum thread. If it doesn’t work post a link to your website.

    Cheers! 
    Josue

    February 1, 2015 at 1:00 am #388894
    Charlie999
    This reply has been marked as private.
    February 1, 2015 at 1:12 am #388899
    Josue

    Hi!

    Try with this:

    #avia-menu li > a > .avia-menu-text, #avia2-menu li > a, #avia-menu li.current-menu-item > a > .avia-menu-text{
    color: white !important;
}
#avia-menu li:hover > a > .avia-menu-text{
    color: rgb(228, 228, 228) !important
}

    Cheers!
    Josue

    February 1, 2015 at 2:54 am #388908
    Charlie999

    Hi Josue
    It was almost what i wanted to, except for the current menu item.
    The menu text color is now white and changes a little bit when hoovering over the links and this is exactly what i wanted.
    I should also want the current chosen menu item in the same color as when hoovering the links if it’s possible?

    Thanks, Josue, i know we are getting there, perhaps it’s only needs to add the (#avia-menu li.current-menu-item) code to the hoover code instead? But i’m not sure on how to put it there correctly.
    Thanks
    Charlie

    February 1, 2015 at 4:10 am #388917
    Josue

    Hi!

    Here you go:

    #avia-menu li:hover > a > .avia-menu-text{
    color: rgb(228, 228, 228) !important;
}
#avia-menu li > a > .avia-menu-text, #avia2-menu li > a, #avia-menu li.current-menu-item > a > .avia-menu-text, #avia-menu li.current-menu-item:hover > a > .avia-menu-text{
    color: white !important;
}

    Cheers!
    Josue

    February 1, 2015 at 12:45 pm #389008
    Charlie999

    Hi
    That works the same as the earlier code. The link color is white and i have the hoover color as rgb 186 186 186 now, and it works.
    But i do want the active link to be the same color as the hoover color (rgb 186 186 186) or #b6b6b6
    Also the search icon in the menu should have the same colors and same behavior.

    Maybe i wasn’t clear enough on how i really wanted them, i’m sorry for that.

    Thanks for your help

    February 2, 2015 at 11:46 am #389247
    Josue

    Hi!

    Try with this:

    #avia-menu li > a, #avia2-menu li > a, #avia-menu li.current-menu-item > a > .avia-menu-text{
    color: white !important;
}
#avia-menu li:hover > a > .avia-menu-text, #avia2-menu li > a, #avia-menu li.current-menu-item > a > .avia-menu-text{
    color: rgb(228, 228, 228) !important;
}

    Regards,
    Josue

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.