Change Tab Title Font size ?

This topic has 9 replies, 3 voices, and was last updated 9 years by sarahmcb3.

Author
June 4, 2015 at 18:31 #61025

tonari
Participant

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 🙂

June 4, 2015 at 19:23 #61031

Radu
Moderator

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 ?

June 4, 2015 at 19:27 #61032

tonari
Participant

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.

June 4, 2015 at 19:37 #61035

Radu
Moderator

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 ?

June 4, 2015 at 19:46 #61038

tonari
Participant

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”.
June 5, 2015 at 17:03 #61149

Radu
Moderator
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 ?
June 5, 2015 at 17:47 #61160

tonari
Participant

Thanks that’s working, perfect 🙂

September 29, 2015 at 20:06 #79910

sarahmcb3
Participant

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
September 30, 2015 at 11:30 #80076

tonari
Participant
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,
September 30, 2015 at 16:34 #80122

sarahmcb3
Participant

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

Posts

Viewing 10 posts - 1 through 10 (of 10 total)

The forum ‘KLEO’ is closed to new topics and replies.

Attachments:

Search KB

Log in with your credentials

Forgot your details?