Skip to main content

I want to change the 4th tab "LEARN/EARN"to always be background green. How do I do this?


Then I want to condition either the 3rd or 4th tab to show, so this will not work a#ui-id-4 { background-color: green !important; } as which tab that shows will change.

Try adding a wrapper component with the background color Green and putting all the other components in the wrapper.


Disregard. I thought you meant the tab itself. I see you mean the tab label now


If you give the tab a unique id you can do


li[data-tab="mytabid"] { background-color:green !important; }

Thanks Craig. That got me part way there. I am trying to get the button to go from #b2a2c7


to green. Suspect it has something to do with the a:


Here is the updated code that will work in Skuid verion 10.


.ui-tabs .ui-tabs-nav li[data-tab=“mytabid”]  {

    background-color:green

}