Changing the active tab color, font and size

[Adamjaweed]

Hello,

I have a tab section on my page and I’m trying to figure out how to change active tabs background colors, as well as the font and possibly adjusting the size, as it seems like they bump up a fraction when they become active. Would you be able to help with this?

[thai]

Hi @Adamjaweed,

I recommend you to change the background color of tab panel as well:

Please try adding the following CSS under Theme Options > CSS:

.x-nav-tabs.top>.active>a, 
.x-nav-tabs.top>.active>a:hover {
    color: #b71818 !important;
    background-color: #f0f0f0;
    border-color: #f0f0f0;

}

.x-nav-tabs.top>li>a {
    font-size: 20px !important;    
}

.x-tab-content>.active {
    background-color: #f0f0f0;
}

Hope it helps