Board Thread:Support Requests - Getting Technical/@comment-26293360-20190312221515/@comment-26293360-20190416163715

Andrewds1021 wrote: By default, the labels are centered vertically and horizontally. So something in your custom CSS must be changing that.

Ah, yes, I wanted to make the tabs have a uniform width and height, regardless of label length. Setting that seems to make the labels and tabs out of line with each other. What do I change with the labels so that they would be centered vertically and horizontally with a static tab width?

Andrewds1021 wrote: To get the tab borders to be a single line between each other, set the left and right margins to -0.5x whatever your border width is. To get rid of the gap at the bottom, set the bottom margin to 0.

Actually regarding that, I kind of want to leave the space between in, for now anyway. It's closer to the in-game implementation I'm trying to emulate; it just needs a connecting underline between the tabs. However, there likely isn't any way to insert some sort of html object in between the two tabs, unless I were to make a blank tab with no content or width. That is problematic on mobile though... Regardless, that part isn't really my issue right now. Thank you for the tip though.

Also, I figured out how to get the underline effect I wanted by adjusting the margins of the .pi-section-navigation and the :before/after parts so they lined up as desired (and using !important. Nearly forgot about that...).