Change Tab Title Font size ?

[tonari]

Hi,
i would like to change the font size of a Tab title, but i can’t find the good class, i also tried with the tab ID, but that didn’t work either.
How can i do that?

Thanks 🙂

[Radu]

What tab ?

Provide the url, to give you correct CSS fix.

Cheers:D

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[tonari]

Hi,
sorry can’t give you the url (sorry)
I added a pics to show you.

Attachments:

You must be logged in to view attached files.

[Radu]

You can rename/translate via Loco Translate https://wordpress.org/plugins/loco-translate/ here it’s a small guide : https://localise.biz/help/wordpress/translate-plugin

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[tonari]

Sorry, maybe my english is too bad (lol), but i don’t want to translate my tab, or text, i want to change the font size in my tab.
For instance on this page: http://seventhqueen.com/themes/kleo/tabs-pills/
i want to change the font size of “Branding” “Interface design” “development”…

I would like to do that for the “TRUE RESPONSIVE TABS – LINE STYLE”.

[Radu]

Sorry for misunderstanding

Try like this

COPY CODE

ul.nav.nav-pills.responsive-pills.pills-style-square.tabs-centered li a{

    font-size:2em !important;
}

ul.nav.nav-pills.responsive-pills.pills-style-square.tabs-centered li:hover {

    background-color:rgba(1,1,1,0.09);
}

Add this css to Wp-ADmin -> Theme Options -> General Settings -> Quick CSS area or in kleo-child/style.css

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[tonari]

Thanks that’s working, perfect 🙂

[sarahmcb3]

Hi, I’m looking to increase the font size as well but the CSS above doesn’t seem to be working for me. I’m trying to make the tab font size bigger on this page: http://brentthacker.com/videography

[tonari]

Hello Sarah,
you need to edit the code above if you use a tab and not a pills.

for example:

COPY CODE

ul.nav.nav-tabs.responsive-tabs.tabs-style-line li a{
     font-size:2em;
}

ul.nav.nav-tabs.responsive-tabs.tabs-style-square.tabs-centered li a{
     font-size:1.4em;
}

You may still have to edit something, depending of the style of tab you are using.

Regards,

[sarahmcb3]

Thanks for your quick response! I really appreciate it. 🙂

[Author]

Posts