Tagged: glassy header, header
-
AuthorPosts
-
November 15, 2015 at 2:55 pm #536111
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/
- This topic was modified 9 years, 1 month ago by lucasvrooij.
November 15, 2015 at 3:25 pm #536113Hi 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, 1 month ago by Basilis.
November 15, 2015 at 5:54 pm #536130Hi 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!
- This reply was modified 9 years, 1 month ago by lucasvrooij.
November 18, 2015 at 3:12 pm #538173Hi!
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,
AndyNovember 20, 2015 at 3:30 pm #539697Hi 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 #540842Hey!
go to Enfold->Advanced Styling and make your adjustments there for “main menu links”. Don’t forget to activate “only on hover”.
Cheers!
AndyNovember 23, 2015 at 3:08 pm #540891Hi 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 #540896Hi!
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,
YigitNovember 23, 2015 at 3:18 pm #540906Hi 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 #541189Hey!
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,
AndyNovember 24, 2015 at 6:37 pm #541855Hi Andy,
Thanks a lot, i couldn’t find what css syntax is was,.
Problem solved!
November 25, 2015 at 7:15 am #542148 -
AuthorPosts
- The topic ‘Glassy header menu links 'darkened' on hover’ is closed to new replies.