customising active menu button

universityofmauritius

hello,
I wish to make active menu button on the vertical menu have;
1. a different background colour
2. font colour
3. Also the menu title to have a different background colour.

please advise.

e.g. trying to replicate the following site; https://sites.uom.ac.mu/vcca2022/index.php/about-computational-chemistry-group

Ninja

universityofmauritius
Hi
use this code in custom css

.t3-sidebar .nav > li.active > a, .t3-sidebar .nav > li.open > a {
    background: red;
    color: #fff;
}
.t3-sidebar .nav > li + li.active {
    background: red;
}
.t3-sidebar .nav > li.active > a:hover, .t3-sidebar .nav > li.open > a:hover {
    background: #b37272;
    color: #ac6f6f;
}

change the color codes as per needs.

universityofmauritius

Thank you. that works.

But could you also advise on the codes for the menu title customisation please? font and background colour..

Ninja

universityofmauritius
Hi
Use this code in custom css

#Mod87 .module-title{
background: #135cae;
    font-size: 16px;
    color: #fff;
    font-weight: bold;}