Change Navigation Highlight Color

  • Hello All,
    I’m trying to change the color of the color of the highlighted part of the navigation menu from yellow to pink. I’ve looked all through the CSS and have tried some custom CSS but can’t seem to get anything to work.

    Can anyone help assist me?

Viewing 1 replies (of 1 total)
  • AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Hello tfroehlichiii,

    => Put below css code into Additional CSS textarea (Dashboard >> Apperance >> Customize) then click on Save & Publish button.
    => If there is no Additional CSS option then put below css code into your current theme’s style.css file located at wp-content/themes/your_current_active_theme/ folder


    .navbar-default .navbar-nav .active a {
    background-color: #f248d3 ;
    }
    .navbar-default .navbar-nav .active a:hover {
    background-color: #f248d3 ;
    }
    .navbar .sf-menu li:hover {
    background-color: #f248d3 ;
    }

    Note : All Changes you done in style.css or other file are gone when you update theme. So prefer Child Theme

    Hope this will helps you.

Viewing 1 replies (of 1 total)
  • The topic ‘Change Navigation Highlight Color’ is closed to new replies.