How to change classic tabs font size

Support
#1

I have tried following css code that was explained in a similiar topic. Can someone help me with this? my font size and weight for my tabs are so small. weightedsolution.com

#2

Hello @samip6,

Thanks for asking. :slight_smile:

Please add following CSS to make changes in classic tab font size:

.x-nav-tabs>li>a {
    font-size: 2rem;
    font-weight: bold;
}

.x-tab-content .x-tab-pane {
    font-size: 2rem;
}

If you would like to learn CSS, please take a look at following resource:

https://www.w3schools.com/css/

Thanks.

#3

great and what about post tab font size

#4

Hi there,

Please try this:

.x-tab-content>.active {
    font-size: 2rem;
}

Hope this helps.

#5

it did not work. any other ideas?

#6

I tried ! this is very frustrating

#7

Hi there,

By post tab, do you mean the tab heading or the tab content?

If it is the tab heading, the font size is controlled by this block of CSS that is already in the Global CSS:

.x-nav-tabs>li>a {
    font-size: 1.5rem;
    font-weight: ;
}

If you want to increase or decrease it, feel free to edit the code.

If you mean the tab content, it is already set by this block of code:

.x-tab-content .x-tab-pane {
    font-size: 2.5rem;
}

The two blocks of code above are working fine on your site as I have checked.

If you mean the submenu elements and not the post tab, please add this code as well:

.desktop .sub-menu {
    font-size: 1em;
}

If you are talking about a different element on the page, kindly specify it.

Thank you.

#8

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