Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #15489

    I am using the Tab shortcode on these pages: (Purchase code hidden if logged out) -landlords/# (Purchase code hidden if logged out) -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?



    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.




    perfect – Thank you!

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

The topic ‘Change Font Size on Tab Headers’ is closed to new replies.