Changing menu color scheme

Hi Kalapahar

If you don’t already have a custom.css you should install a plugin like custom CSS plugin then add the following code to it.

.navbar .nav>li>a:focus,.navbar .nav>li>a:hover{background-color:transparent;color:#ff6600;}

Change the ‘ff6600’ to your required colour

Thanks for the important tips regarding the Custom CSS Plugin.

Now I can change the color of the main menu, but how can I change the color of the submenu (sorry for asking a basic question)

Thanks

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
text-decoration: none;
color: #ffffff;
background-color: #0081c2;
}

I am assuming you want to change the rollover ones… but not sure if you want to change the change the background or the text so I have included them both

I wanted to change the background of the rollover text. Thanks for the tremendous help.

You’re welcome.

I have a question in this context – is there an easy way to add on to the code posted above to ensure that the current menu item is highlighted. It should have the same color as the item has during mouseover. I have tried several different things but have not successed.
I appreciate some help – thank you in advance

Hi Isa Bel

Best to open you own topics otherwise you query might go unanswered

Anyway the ceode you need is probably

li.current-menu-item a {
color: #ff6600 !important;
}

Change the ‘ff6600’ to your required colour

Hi,

thank you! Your code solved most of my problem!

I had opened a new query but I didn’t get any answers there so when I read this I added on and got lucky with your response ??

One more little question:
When I am on a page with subpages, all the subpages have a highlighted background as well. And when on a subpage, I would like the mainpage (parent page) to have a highlihted background – how can I do this?

Appreciate your helpful knowledge!

Oh incase it helps … https://www.bandixon.de

No worries – Here you go:

li.current-menu-item a, li.current-menu-parent > a {
background-color: #8A9E9F !important;
color: #FFFFFF !important;
}

awesome, it works concerning the dropdown menu. Now, when on a subpage the menu parent is highlighted.
But when on the menu parent, all the subpages are highlighted. How come?

Ohh ok try this one

li.current-menu-item > a, li.current-menu-parent > a {
background-color: #8A9E9F !important;
color: #FFFFFF !important;
}

wonderful it worked!! Thank you very much ??

Do you happen to have a solution to my query from a little while ago concerning the possibilty of making the picture in the caroussel a link. The “background” being a link would do the job as well..
I searched in the style.css but could not find the accurate sport to modify the “background” definition.

ok lets discuss it on that topic and leave this one rest

If you could help me under the blackbird theme I would greatly love it. I new and need help changing the colors.