Support » Theme: Boot Store » Changing menu color scheme

  • Resolved Kalapahar


    Hi, I am a new user of wordpress and liked the boot store theme for my site.
    I would like to change the menu color scheme (while mose hover menu item), and need your help for it.

    Thanks in advance.

Viewing 15 replies - 1 through 15 (of 15 total)
  • 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)


    .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


    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 …

    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.

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Changing menu color scheme’ is closed to new replies.