Template.css overrides T4 colors

ambercromby

I'm trying to get the drop down menu on main menu to have blue background. Also, the side menu is brown and trying to make them blue text. Nothing changes as I set colors. I see that template.css is the color scheme being used.

dominic

Hi ambercromby,
You can use the following CSS code:

.t4-megamenu .dropdown-menu {
    background: #0000cd;
}

.t4-megamenu .dropdown-menu li > a:hover, .t4-megamenu .dropdown-menu li > a:focus, .t4-megamenu .dropdown-menu li > a:active, .t4-megamenu .dropdown-menu li > .nav-link:hover, .t4-megamenu .dropdown-menu li > .nav-link:focus, .t4-megamenu .dropdown-menu li > .nav-link:active, .t4-megamenu .dropdown-menu li .dropdown-item:hover, .t4-megamenu .dropdown-menu li .dropdown-item:focus, .t4-megamenu .dropdown-menu li .dropdown-item:active {
    background: #0000cd;
}

.t4-offcanvas {
    background: brown;
}

.t4-offcanvas .t4-off-canvas-body .navbar .nav-link, .t4-offcanvas .t4-off-canvas-body .navbar .separator {
    color: #fff;
}

.t4-offcanvas .t4-off-canvas-body .navbar .nav-item.active > .nav-link, .t4-offcanvas .t4-off-canvas-body .navbar .nav-item.active > .separator {
    color: #999;
}

.t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu {
    background: brown;
}

.t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .dropdown-item, .t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .nav-link {
    color: #fff;
}