How to make current tab menu a different color font?

I can’t seem to figure out how to style the tab menu.

I want the tab menu to have the berry colored background and white text when active/current state, and white background and berry colored text when not selected. But, whenever I try to do that, it doesn’t apply when I’m in the other tabs.


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Your tab links currently have different classes! I would look at adding the class “tab-link” (or something like that) to the both of them. From there you can style what the default tab link will look like. Then select the active state to change what it looks like when it’s active.

Screenshot 2024-04-10 at 12.13.01 PM

So then it should apply it to the other tabs! Mainly make sure you have the same class for the Tab links. :slight_smile: Let me know if that helps!

I’m still having trouble with this. I made the tab links have the same class by adding tab-link, but it still isn’t working as I want it to.


to style the active/current tab, you need to make sure you’re editing while it’s selected. You can confirm it’s selected when it has the green class called Current. This will be automatically added by Webflow when it’s selected. See screenshot.

Screenshot 2024-04-10 at 2.27.22 PM

Also, you don’t need Tab Link [Tab 1] in addition to tab-link. You only need one class. I would remove tab-link and just rename Tab Link [Tab 1] to whatever you want.

The problem is that when I style the active/current tab, it doesn’t change the font colors even though that’s what I’m changing. So like if I’m styling the tab link to have the berry background and white text on the current state, when I click on the other tab, the font still stays the white color, even though the background changed to white.

When the tab is selected, are you then clicking the text inside the tab to style it? It won’t work that way. You have to change the text color from on the tab link and let the text inherit that color.

Hmm I also tried it that way but not sure what I’m doing wrong! It still won’t change when I’m switching tabs

I got it to work. Thanks so much for all your help!

1 Like