Tab Header Styling

I am using the tab element. I have 3 tab. I want to style the tab headers to make themsleves their maximum width so that the three headers are equally spread across their parent container.

For some reason I can’t get this to work. You would think you’d be able to style the “Headers” container, but that doesn’t seem to work.

Does anyone know how to achieve this?

i have exactly the same problem and this is frustrating

1 Like

Hi All,

Does anyone know if it’s possible to style the selected tab for the Tabs, NavBar, and SideBars? I have looked everywhere to find the background color change but can’t seem to find it.

Thanks John

Maybe you can try creating an active state and change the bg color in that state?


@raelyn great idea! I’ll give that a try.

1 Like

Hi there :wave:
Did you figure out a way to make this happen?

Thank you!