Seperate borders

[zero_to_one]

Hey there,
I’d like to add a margin or something else to make my tabs http://prntscr.com/ni8k5g look more like this http://prntscr.com/ni8kpr
thanks for your help!

[ruenel]

Hello @zerotoone.de,

Thanks for updating again. I already replied regarding your border. If you want to separate the borders and give it some space, you will have to do it by using a custom css instead.

Perhaps this code will demonstrate that effect:

.x-tabs-list li {
    position: relative;
}

.x-tabs-list li:after {
    content: "";
    position: absolute;
    bottom: 0;
    background-color: #e5e5e5;
    width: 85%;
    height: 2px;
}

You will still provide a border right setting for the individual tabs though.

Hope this make sense.

[zero_to_one]

Screenshot

it just looks weird now

Maybe I took the wrong approach by adding a border on the bottom, because this creates multiple problems. Lets say the red border on the right stays as it is, now I just need grey borders between the tabs to make it look like this https://prnt.sc/ni8kpr

[ruenel]

Hello @zerotoone.de,

Yes it is weird as of now because you haven’t removed the bottom margin of the individual tabs. It can be disable in the same area as how you added the red border.

Hope this make sense.