Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • November 15, 2015 at 2:55 pm #536111
    lucasvrooij

    Hi Guys,

    On the link below you can see the menu links get a little darker/change color when you hover. I’ve trying to change this in custom css hours but i can’t find it.

    I’d be great if you can point me in the right direction.

    https://kriesi.at/support/topic/always-transparent-header/

    November 15, 2015 at 3:25 pm #536113
    Basilis

    Hi lucasvrooij!

    Have you used that code and you got what result?
    Can you add for us our username / password please?

    Cheers!
    Basilis

    • This reply was modified 9 years ago by Basilis.
    November 15, 2015 at 5:54 pm #536130
    lucasvrooij

    Hi Basillis,

    Thanks for your quick reply.

    Wp login details below.

    Most of the css i tried, i deleted after noticing that it doesn’t work, below you can see what is in my enfold settings now.

    Quick css:

    .header_color .main_menu ul:first-child > li > a:hover {color:white;}

#avia-menu > li:hover {background:#0082C2; color:white !important;}

    Also tried it from the styling extra panel: http://pasteboard.co/29QH0QYw.png

    Kind regards!

    November 18, 2015 at 3:12 pm #538173
    Andy

    Hi!

    for scrolled header use this:

    .header-scrolled .avia-menu-text {
color: red;
}

    for non scrolled header use this: 

    .av_header_transparency .avia-menu-text {
color: green;
}

    Regards,
    Andy

    November 20, 2015 at 3:30 pm #539697
    lucasvrooij

    Hi Andy,

    Thanks for the reply.

    If you take a look at the link i provided again you can see the color is now green, but the text still gets darker on hover.

    Basically, i don’t want the menu text to change on hover, because i want to add hover effect on the menu item background.

    Kind regards!

    November 23, 2015 at 2:24 pm #540842
    Andy

    Hey!

    go to Enfold->Advanced Styling and make your adjustments there for “main menu links”. Don’t forget to activate “only on hover”.

    Cheers!
    Andy

    November 23, 2015 at 3:08 pm #540891
    lucasvrooij

    Hi Andy,

    Actually i had already tried that.

    I’ve got it configured like below, but still the link gets darkened on hover.

    Kind regards.

    November 23, 2015 at 3:12 pm #540896
    Yigit

    Hi!

    Please add following code to Quick CSS 

    .av_header_transparency .av-main-nav > li > a:hover > .avia-menu-text {
    color: white!important;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Regards,
    Yigit

    November 23, 2015 at 3:18 pm #540906
    lucasvrooij

    Hi Yigit,

    Thanks for the quick reply.

    I’ve got this custom css:

    And this advanced theme styling:

    But the text still gets darken on hover.. i tried a lot of css myself but nothing seems to work.

    Thanks again.

    November 23, 2015 at 10:04 pm #541189
    Andy

    Hey!

    it’s not about color, but about opacity, so try this code:

    #top .av_header_transparency .main_menu ul:first-child > li > a:hover, #top #wrap_all .av_header_transparency .sub_menu > ul > li > a:hover {
opacity: 1;
}

    Regards,
    Andy

    November 24, 2015 at 6:37 pm #541855
    lucasvrooij

    Hi Andy,

    Thanks a lot, i couldn’t find what css syntax is was,.

    Problem solved!

    November 25, 2015 at 7:15 am #542148
    Rikard

    Hi,

    Great, glad we could help :-)

    Regards,
    Rikard

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Glassy header menu links 'darkened' on hover’ is closed to new replies.