Change Tab Size (height) and fill color

Community Usage questions
1

Hi guys,

Do you know if it’s possible to change the tab size (height and font size? I’ve got 3 horizontal tabs on the top but I find them a bit too small. Additionally I’m struggling to get the tab itself colored when active. The colorfill option will only change the line under the tab. Found another topic here but this wasn’t working.

Thanks for your help :grinning:

Thanks
Andy

2

It’s possible to hack it using css on the widget that contain the tabs, here is an example

> inner > .navigation {
 height: 50rem;
}
> inner > .navigation .on {
 background: black;
}
3

Unfortunately this code didn’t change anything - the tabs will remain having the default height. I entered the code at the tab widget itself and within the style - css field.

4

It’s the tab’s parent that must be edited, not the tab itself.

5

Thanks Jean-Emmanuel,

Where can I find the tab’s parent?

Best,
Andy

6

That would be the widget that contains the tab (and its sibling tabs), you should find it in the project tree.

7

Thanks once again! Works perfectly fine now and I’m able to adjust it to my likings :grinning: