-
Posts
-
Hello, everyone,
I found this code, and I added it:
.menu li.menu-item a:hover {
color: red!important;
}
But, if I change the text color to blue in the code above instead of red, then is difficult to read. Also Red, on top red, is difficult . If I put black, or grey, is the same problem. I found solution with white, but, then you do not see in the menu bar because my background is white also.
some suggestions?
I don’t want to change my top dark red color in the top bar.
I want to change menu hover text color without changing the menu text color, or if this is not possible, then change the menu hover background without changing the menu top bar color.
Hope you will understand me.
Thanks,
Alexia.
Hi,
To change the background of the top header completely, you can use this
#header_meta {
background: red;
}To change the color of the menu font use this.
.header_color .sub_menu > ul > li > a {
color: blue;
}And the hover color, with this
.header_color .sub_menu > ul > li > a:hover {
color: black;
}Change the color value.
Regards,
Ismael
I tried the codes below in the Quick CSS section of Enfold Theme Options Styling. Here is the code:
#header_meta {
background: #0772A1;
}
.header_color .sub_menu > ul > li > a {
color: green;
}
.header_color .sub_menu > ul > li > a :hover{
color: orange;
}But only the top bar colour changed. The rest did not happen. Am i doing somthing wrong?
Regards,
Hello, Ismael,
Thanks for your response. I tried the codes but just work the first one. The 2nd and 3rh Don’t work for me….some other suggestion?
Regards,
Alexia.
Hi,
Please try this
#header_meta {
background: #0772A1;
}
#top ul:first-child > li > a {
color: green;
}
#top ul:first-child > li > a:hover {
color: orange;
}Hi,
Thank you for your reply. That really help.
Another quick question if you don’t mind. How can I change the entire menu bar and the menu buttons on the website?
MK
Hi,
@gigoz: The top above is for the top header only so you’re doing nothing wrong.
What do you mean by changing the entire menu? What kind of change? Please be specific.
Regards,
Ismael
Hi,
Please look in this forum, there are a number of posts with code that customizes the entire menu almost. For example try adding this entire block https://kriesi.at/support/topic/enfold-responsive-slide-out-menu-issue#post-112059 to your custom.css file
Thanks,
Nick
- The topic ‘Different color for top bar menu and menu hover’ is closed to new replies.