Change the Color of the Nav bar

Ask Enigma Premium Theme Installation, Settings & Configuration, Problem, Error & Bug Related Issues Here

Moderator: forum_m

Post Reply
jlane555
Posts: 24
Joined: September 21st, 2016, 10:15 pm

Change the Color of the Nav bar

Post by jlane555 » March 22nd, 2017, 2:07 am

I recently changed the theme color to match our updated color scheme, but the Nav. bar and our tagline are still the old color. How do I update these?

Website: logicalfront.com

support_staff
Posts: 7160
Joined: February 26th, 2015, 1:40 pm

Re: Change the Color of the Nav bar

Post by support_staff » March 22nd, 2017, 11:57 am

Hello,

Go to Dashboard -> Appearance -> Customize -> Additional CSS -> paste code in Additional CSS box and save.

Code: Select all

.navigation_menu {
    background-color: #ccc !important;
}
.logo p {
    color: #999 !important;
}
Thanks.

jlane555
Posts: 24
Joined: September 21st, 2016, 10:15 pm

Re: Change the Color of the Nav bar

Post by jlane555 » March 23rd, 2017, 9:59 pm

This did not change anything.

support_staff
Posts: 7160
Joined: February 26th, 2015, 1:40 pm

Re: Change the Color of the Nav bar

Post by support_staff » March 24th, 2017, 10:59 am

Please remove the below code from custom CSS box -

Code: Select all

.navigation_menu {
    background-color: #3190dd !important;
}
.navbar-default .navbar-nav > li > a {
    background-color: #3190dd !important;
}
.dropdown-menu {
    background-color: #3190dd !important;
}
and replace the below code -

Code: Select all

.navigation_menu {
    background-color: #125eaa !important;
}
.navbar-default .navbar-nav > li > a {
    background-color: #125eaa !important;
}
.dropdown-menu {
    background-color: #125eaa !important;
}
and save the changes.

jlane555
Posts: 24
Joined: September 21st, 2016, 10:15 pm

Re: Change the Color of the Nav bar

Post by jlane555 » March 25th, 2017, 10:15 pm

These changes did not work either.

support_staff
Posts: 7160
Joined: February 26th, 2015, 1:40 pm

Re: Change the Color of the Nav bar

Post by support_staff » March 27th, 2017, 11:14 am

Hello,

Go to enigma-premium theme folder and open style.css file and paste the below code in the file at the last and save the file -

Code: Select all

.navigation_menu {
    background-color: #125eaa !important;
}
.navbar-default .navbar-nav li a {
    background-color: #125eaa !important;
}
.dropdown-menu {
    background-color: #125eaa !important;
}
Thanks.

Post Reply

Return to “Theme Installation, Settings & Configuration, Problem, Error & Bug”