Reply To: How to make tab fonts different colour and change green line colour

Hello,

I have prepared a custom code for changing the tab’s color. Please, enter it into the “Global Custom CSS” area that is in Theme Settings -> Custom CSS.

Color of the underline:

.wd-nav[class*="wd-style-underline"] .nav-link-text:after {
    background-color: #F65454;
}

Text color:

.wd-nav[class*="wd-style-"]>li>a {
    color: #61ce70;
}

Text of the active tab color:

.wd-nav[class*="wd-style-"]>li.active>a {
    color: blue;
}

Color of the hover:

.wd-nav-tabs[class*="wd-style-underline"] {
    --nav-color-hover: #F65454;
}

If you still have further questions, please don’t hesitate to reach out. We’d be happy to talk through them with you.

Kind Regards