WordPress.org

Ready to get started?Download WordPress

Forums

Boot Store
[resolved] Changing menu color scheme (16 posts)

  1. Kalapahar
    Member
    Posted 7 months ago #

    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.

  2. salsaturation
    Member
    Posted 7 months ago #

    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

  3. Kalapahar
    Member
    Posted 7 months ago #

    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

  4. salsaturation
    Member
    Posted 7 months ago #

    .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

  5. Kalapahar
    Member
    Posted 7 months ago #

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

  6. salsaturation
    Member
    Posted 7 months ago #

    You're welcome.

  7. Isa Bel
    Member
    Posted 7 months ago #

    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

  8. salsaturation
    Member
    Posted 7 months ago #

    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

  9. Isa Bel
    Member
    Posted 7 months ago #

    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!

  10. Isa Bel
    Member
    Posted 7 months ago #

    Oh incase it helps ... http://www.bandixon.de

  11. salsaturation
    Member
    Posted 7 months ago #

    No worries - Here you go:

    li.current-menu-item a, li.current-menu-parent > a {
    background-color: #8A9E9F !important;
    color: #FFFFFF !important;
    }
  12. Isa Bel
    Member
    Posted 7 months ago #

    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?

  13. salsaturation
    Member
    Posted 7 months ago #

    Ohh ok try this one

    li.current-menu-item > a, li.current-menu-parent > a {
    background-color: #8A9E9F !important;
    color: #FFFFFF !important;
    }
  14. Isa Bel
    Member
    Posted 7 months ago #

    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.

  15. salsaturation
    Member
    Posted 7 months ago #

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

  16. Aatara
    Member
    Posted 7 months ago #

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

Reply

You must log in to post.

About this Theme

About this Topic