Hover State
-
Hi, Just wondering if there is a way to use the hovers current state on my menu items at all times?
Eg: instead of hovering over the menu item, could the color of the hover stay static on all buttons, and just the text turn a different color when you hover over them??
Hope you understand what i mean ! 🙂
Yep
#header-menu > li > a {
background: none repeat-x scroll left 0px #400000 !important;
color: #000;
}
#header-menu ul li:hover, #header-menu ul li.current-menu-item, #header-menu ul li.current-menu-ancestor {
background: none repeat-x scroll left 0px #400000 !important;
color: #FFF;
}Keep the background colors the same and the text color different for hover and non-hover state.
Hi Tee,
thanks for the reply, But i cant seem to see any change,
Here is the link to what i have at the moment!
http://www.elliottwaveireland.com/blog/
I would like all my menu items to be viewed the way the FAQ menu item appears. Just unsure of what code to get rid of in the style sheet…
any advice appreciated 🙂
Erase the previous code I gave you try this:
#header-menu > li > a {
background: none repeat-x scroll left 0 #396395 !important;
color: #FFFFFF;
#header-menu > li:hover > a, #header-menu > li.current-menu-item > a, #header-menu > li.current-menu-ancestor > a {
background: none repeat-x scroll left 0 #396395 !important;
color: #6EB0E1;
}You’ve made your menu float right instead of left, so you first is now your last. 😉 Try this –
#header-menu > li:first-child {
margin-left: 5px;
}
- You must be logged in to reply to this topic.