Tab background color

  • 1
  • Question
  • Updated 11 months ago
  • Answered
  • (Edited)
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.
Photo of Bill Fox

Bill Fox

  • 7,934 Points 5k badge 2x thumb

Posted 11 months ago

  • 1
Photo of Skuidward Tentacles (Raymond)

Skuidward Tentacles (Raymond), Champion

  • 17,224 Points 10k badge 2x thumb
Try adding a wrapper component with the background color Green and putting all the other components in the wrapper.
Photo of Skuidward Tentacles (Raymond)

Skuidward Tentacles (Raymond), Champion

  • 17,224 Points 10k badge 2x thumb
Disregard. I thought you meant the tab itself. I see you mean the tab label now
Photo of Craig Regnier

Craig Regnier

  • 134 Points 100 badge 2x thumb
If you give the tab a unique id you can do
li[data-tab="mytabid"] {
    background-color:green !important;
}
Photo of Bill Fox

Bill Fox

  • 7,934 Points 5k badge 2x thumb
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: