Hello,
How can I change the background colour of the Main Menu together with that of the resulting drop-down menus on mouseover? The default colours for the event described above are white.
Thanks.
Hello,
Try the code below and place it in Theme panel.
.sf-menu > li > a:hover, .sf-menu ul{
background-color:red!important;
}The result -> https://www.screencast.com/t/hizpNDdminn
Thank you, it works. How can I change the colour of the letters. I want to change them to white as the background colour will be black. Is there a place in the admin section for that? Thanks.
Just noticed, with the new code, once the mouse is moved down the sub-menu, the colour of the main menu item goes back to white.
Thanks,
Peter
Hello,
If you want to make these changes, you should use a bit of CSS code. Try the code below and place it in Theme panel->Custom CSS Area.
The code is ->
.sf-menu > .current-menu-item > a{
background-color: black!important;
color: white!important;
}
.sf-menu > li > a:hover, .sf-menu ul{
background-color:black!important;
color:white!important;
}The result is here -> https://www.screencast.com/t/wdN4Fxt7W
Please keep in mind that we do not have customization’s department and in the future, you should do it yourself all of your customizations because we cannot provide something like this, at the moment, sorry! It is good to know that we have a useful guide that if you will consult it you will know how you can create your own custom CSS code. Please check here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
Thanks for your understanding!
