-
AuthorPosts
-
February 8, 2024 at 3:08 pm #1433701
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
GrobiFebruary 8, 2024 at 6:49 pm #1433730Hey Grobi,
Could you post a link to where we can see the element in question please?
Best regards,
RikardFebruary 9, 2024 at 12:13 pm #1433804Hey 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
GrobiFebruary 9, 2024 at 1:30 pm #1433814Hi,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
#menu-item-166 a:hover { background-color: orange; }Best regards,
RikardFebruary 9, 2024 at 3:52 pm #1433829Hi 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
GrobiFebruary 9, 2024 at 5:20 pm #1433841Hi,
Please try this instead:
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text:hover { background: orange; }Best regards,
RikardFebruary 21, 2024 at 2:34 pm #1435033This reply has been marked as private.February 21, 2024 at 6:36 pm #1435058Hi,
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,
RikardFebruary 21, 2024 at 7:52 pm #1435066Thank you – no further help needed (here! ;-).
Best regards
Grobi -
AuthorPosts
- The topic ‘BackgroundColor for Menu “Button Style Colorted”’ is closed to new replies.
