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.
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.
So then it should apply it to the other tabs! Mainly make sure you have the same class for the Tab links. Let me know if that helps!
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.
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.