Tabs padding

Support
#1

Hey! I’m using the tabs and I’d like to remove the large block of white gap under the tabs header and the actual content. Any css for that?


Morr

#2

Hello Morr,

Thanks for asking. :slight_smile:

Please add following CSS under X > Theme Options > CSS to adjust spacing between tab header and content:

.x-tab-content>.active {
    padding: 0 !important;
}

.uo-grid-wrapper {
    margin-top: 10px !important;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#3

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.