Can not change font color in menu main menu

harmonyhill

Where can I change the font color in menu main menu?

Please see attached.

Thanks in advance

saguaros

You can override with this custom CSS:


.t4b-header .navbar-nav > li > a {
    color: #000;
}

.t4b-header.t4b-menu-style5.t4b-light-theme .navbar .navbar-nav > .active,
.t4b-header.t4b-menu-style5.t4b-light-theme .navbar .navbar-nav > .nav-item:hover {
    border-color: #000;
}

.t4b-header.t4b-header-3 .navbar-nav > li > a:hover {
    color: #000;
}

harmonyhill

Thanks. Where do I add that code i.e. which file name?

saguaros

It looks like you're using Cassiopeia template, you can add this custom css code into this file:

/media/templates/site/cassiopeia/css/user.css

Create this 'user.css' file if it doesn't exist now.

harmonyhill

Thanks.. didnt work. I can change it using developer tools here (please see attached)

.jpb-page a:not(.btn) {
color: #6949c3;
}

Is this right?

body {
background-color: transparent;
}

.t4b-header .navbar-nav > li > a {
color: #000;

}
.jpb-page a:not(.btn) {
color: #495ac3;
}

.t4b-header.t4b-menu-style5.t4b-light-theme .navbar .navbar-nav > .active,
.t4b-header.t4b-menu-style5.t4b-light-theme .navbar .navbar-nav > .nav-item:hover {
border-color: #000;
}

.t4b-header.t4b-header-3 .navbar-nav > li > a:hover {
color: #000;
}

jpb-page a:not(.btn) {
color: #496cc3;
}

saguaros

harmonyhill You can share the super admin + FTP account of your site, I will check for you.