Why when i change the opacity it works but when i change the color of the text inside it effects both tabs

Design help General
1

https://saagars-dapper-project.webflow.io/

trying to set the off tab with color change instead of opacity

Like the accordion here: https://www.hellobonsai.com

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

2

You can do something link this.
// for active tab
.w-tab-link.w–current > .div-block-7-copy{
background-color:red;
}
// for non-active tabs
.w-tab-link > .div-block-7-copy{
background-color:gray;
}

3

Can you clarify a little bit how it works please

Thanks

4

We are looking for a child of .w-tab-link.w–current class i.e child of an active tab link. We are setting the background color of the child to the color red. And now for none active tabs, we are using .w-tab-link without .w–current and setting the background color of the child to the color gray.

(P.S: are you planning to add clicking script to auto rotate the tabs?)

5

Fixed it - issue was that now the selector for active tab is called “w–current”