Centering Tabs in Rich Content Editor

[DTrishman]

Good evening,

I'm looking for some guidance on centering tabs in the Rich Content Editor. The topic page I'm building has 5 tabs. With each set to 20% width, the last tab is forced down into a second row. Somehow 5 x 20% doesn't equal 100.

In addition to that, I get some weird behavior where the tabs shift all over the widget as you select different tabs.

I've seen this accomplished on several demo pages for topic microsites but unsure how to achieve it with the settings in the editor.

Any help would be greatly appreciated!

[Pooja_Patil]

@DTrishman, when tab is selected there is a border around it which would also take some space, then the tab just jumps based on the space available. See if reducing 20% to 18 or 15% helps.

[DTrishman]

Reducing the % does help them to stay on the same line of the tab list, but then when selecting them, the border collapses around the active tab and it moves from its position in the tab list still.

[SMiller7]

@Pooja_Patil and @DTrishman - I am trying to make some updates to the css of our tabs and we're having trouble finding the CSS that controls it. Do you know where those CSS files are stored? Currently I have no border or anything around the tabs, making usability very difficult.

[Pooja_Patil]

We load same stylesheet that loads in the portal to adhere to theming. Can you share the screenshot?