Menu Colors

  • Resolved kiwihawk

    (@kiwihawk)


    4 years, 1 month ago

    I would like to change the background and hover colors in my menu. But I can’t work out what the custom css would be. Can you please help.

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi
    Thanks for contacting to us.
    For this add the below css code inside the Appearance >> customizer >> Find the additional css box and add the below css code inside the box.

    .navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus, .navbar .navbar-nav > li > a:hover,
 .navbar .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, 
 .navbar-default .navbar-nav > .current_page_item > a, 
 .navbar-default .navbar-nav > .current_page_item > a:hover, .navbar-default .navbar-nav > .current_page_item > a:focus
 {
    background-color: #70f228;
}

    Change the color code value as your need.
    Let us know for any confusion.

    Thanks

    Thread Starter kiwihawk

    (@kiwihawk)

    Thank you for your reply. I didn’t quite make it clear what I was hoping to achieve.
    It’s actually the background and focus of the dropdown part of the menu I want to change.

    Sorry for not making it clear enough.

    Thread Starter kiwihawk

    (@kiwihawk)

    I solved it. Thank you.

    .dropdown-menu > li > a {
    border-bottom: 1px solid #990000 !important;
    background-color: #990000 !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #cc0000 !important;
}
    • This reply was modified 4 years, 1 month ago by kiwihawk.

    Hi,

    Glad to help you!

    If you like our Theme & Support, rate us HERE.

    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Menu Colors’ is closed to new replies.