How do I change the height of an "active" tab?

[thecashbag]

I have been styling your tabs to suit my site, but I need to increase the height of the “active” tab so that it sites higher than the other “non-active” tabs.

Here is the live page: https://www.datafreedoms.com/vpn/minty-vpn/

And here is a screenshot showing what I mean. Thee red box is to show the height of the “active” tab that I need.

[thai]

Hi There,

You can try with this custom CSS under X > Theme Options > CSS:

.x-nav-tabs {
    background-color: #fff;
}
.x-nav-tabs.top>.active>a, 
.x-nav-tabs.top>.active>a:hover {
    margin-top: -10px;
    height: 54px;
}

Hope it helps