Hi,
I would like my menu to be black in the background with white text. When you hover over the menu items or select, the text should turn orange.
I have noticed that there seems to be no option to do this in desktop view but there are menu item hover options in mobile view.
Do you know how I can change the menu in this website to the specifications below?:
black (#000) in the background with white (#FFF) text. When you hover over the menu items or select, the text should turn orange (#ff9d00).
http://businessbestmagazine.co.uk/
Thank you,
Tracy
Hello Tracy,
You should try using the following code and place it in Theme panel -> Custom CSS area
->
sf-menu > .current-menu-item > a, .sf-menu > .current-menu-ancestor > a, .sf-menu > .current-category-ancestor > a, .sf-menu > li > a:hover, .sf-menu > .sfHover > a {
background-color: red;
color: green;
}
The result is here -> https://www.screencast.com/t/vbKNr97OQ
Thanks.
Hi,
Thank you that has worked but the home button is still showing a white square around it, is it possible to change the white to black?
Hello RebornMarketing,
Try the code below and place it in Theme panel -> Custom CSS area.
The code is ->
.sf-menu > .current-menu-item > a, .sf-menu > .current-menu-ancestor > a, .sf-menu > .current-category-ancestor > a, .sf-menu > li > a:hover, .sf-menu > .sfHover > a {
background-color: black;
color: white;
}
Thanks.
