Change NavBar Item Background Color to Reflect Current Page

Hi horatiocaine93,

Share site URI.

Thanks

joshbucy.com

@horatiocaine93: Make sure your current menus are selected as primary-menus.

Thanks

@weblizar how do I do that?

Hi horatiocaine93,
which version of enigma you are using?

try this-
Goto Theme Option >General Option
in Custom CSS Field paste this code and save it.

.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{
    border-radius: 0;
    box-shadow: 3px 3px 0 rgba(201, 201, 201, 1);
    color: red;
    font-family: "Arimo",Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: normal;
}

@wpimran that’s perfect, thank you so much!

@wpimran : Thanks

@horatiocaine93: Making this thread close.

Hi, I tried this, but nothing has changed. Any other suggestions?

@peer2tech : Confirm , that you tried using Theme-Options ??

Thanks

yes I did use Theme options

I installed jetpack and copy pasted it into the css of jackpack. Result was that the Home font letters were red ??
How can I change this way the blue background colours of Enigma?

Thanks in advance,