How to make tab fonts different colour and change green line colour

Hello,

How can I make tab fonts different colour and change green line to #F65454: https://snipboard.io/aWHvRn.jpg

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

Hello,

I have added the css, but does not seem to work 🙁

Hello,

In the “Custom CSS” area you have a few mistakes in the code so I have fixed them and now it works well.

https://gyazo.com/9dc763be9a55047e9546639247c75872

We’re here to help whenever you need it.

Kind Regards

Thank you!

Hello,

If you ever want to discuss things further, we’re here for you. Do not hesitate to reach out to us and let us know how we can make things right.

Have a wonderful day!

Kind Regards

[Author]

Posts