Change Font Size on Tab Headers « Support Forum | Kriesi.at

Change Font Size on Tab Headers

3 posts from 2 voices

Tags:

jeanstorms
Member

I am using the Tab shortcode on these pages:

http://landlordsource.com/property-management-newsletter-articles-for-landlords/#
http://landlordsource.com/property-management-newsletter-articles-for-tenants/#

I feel like the tab headers don't stand out enough. I was able to change the font color using custom CSS, but can't seem to influence the font size. How do I increase the font size and (possibly) change the text to all caps?

Thanks!

Posted 10 months ago #
Mya
Hi jeanstorms,

Add this to your custom.css.
```
.js_active .tab {
    font-size: 11px;
    text-transform: uppercase;
}
```
The default size is 11px so you'll want to change as you see fit. Note though with the number of tabs you have and the length of each tab's name the tabs will wrap to the next line as you increase the font size.

The text-transform declaration will convert the text to all caps. Again, the tabs may start to wrap to the next line.

Regards,
Mya
Posted 10 months ago #
jeanstorms
Member

perfect - Thank you!

Posted 10 months ago #