Hi Guys.
I wanted to define a special color to the menu option “Button Style Colored” and used the lines by Yigit given in Post #669012 (that work well).
#top #wrap_all .Header_color .AV-menu button-colored> A .avia-menu-text {
Background: #50B849;
}
Is it possible to define a second color that is displayed at a mouse over event?
Best regards
Grobi
Hey Grobi,
Could you post a link to where we can see the element in question please?
Best regards,
Rikard
Hey Rikard,
of course. Please find it in the private content area.
What you see there:
Now the navigation link “Kontakt” has the “Button Style Colored” orange background – which is set in Enfold’s “general styling” settings.
When I move the mouse over it, the colors changes a little bit.
With Yigit’s code I can change the background to any other color – but unfortunately I can’t change the color slightly when mouse-over.
In other words: for me, the font color of “Kontakt” should remain white, the background should be black, and when hovering, the background should turn orange.
That’s definitely possible, isn’t it?
:-)
Thanks for help and best regards
Grobi
Hi,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
#menu-item-166 a:hover {
background-color: orange;
}
Best regards,
Rikard
Hi Rikard,
thank you for your quick reply.
Unfortunately this doesn’t work.
I used now the “combination” between Yigits lines and yours:
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
background: black;
border: none;
}
#menu-item-166 a:hover {
background-color: orange;
}
Best regards
Grobi
Hi,
Please try this instead:
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text:hover {
background: orange;
}
Best regards,
Rikard
Hi,
Great, I’m glad that we could help. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
Thank you – no further help needed (here! ;-).
Best regards
Grobi