Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • May 15, 2015 at 7:20 pm #445120
    strengthcoaching

    Is there a way to change the size of the fonts in a tab content element? Not the body inside the tab but the actual name of the tab header.

    May 18, 2015 at 1:49 pm #445625
    Rikard

    Hi strengthcoaching!

    Please try the following in Quick CSS under Enfold–>General Styling:

    .js_active .top_tab .tab {
  font-size: 16px !important;
}

    Cheers!
    Rikard

    May 18, 2015 at 10:15 pm #446059
    KarenRushforth

    Hello! I have the same request. I tried the advice as posted in your reply #445625 but it did not work. Is there something else I could try to increase the tab title font size? Thank you!
    Karen

    May 18, 2015 at 10:24 pm #446068
    Yigit

    Hey Karen!

    Please try using following code instead

    div.tab {
  font-size: 18px!important;
}

    If that does not help, please post the link to your page.

    Regards,
    Yigit

    May 18, 2015 at 10:31 pm #446073
    strengthcoaching

    The first option worked for me in increasing the font size but the icon with it did not increase accordingly. How can I adjust both?

    May 18, 2015 at 10:39 pm #446083
    KarenRushforth

    It works perfectly and thank you for the fast reply, much appreciated!

    May 18, 2015 at 10:48 pm #446090
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .tab_icon {
  font-size: 20px!important;
}

    Regards,
    Yigit

    May 18, 2015 at 10:56 pm #446096
    strengthcoaching

    Thanks! Just to make sure… you put 16px for the font and 20px for the icon font size. Should the icon one always be a bit bigger or should it be the same size as the regular font?

    May 18, 2015 at 11:06 pm #446102
    Yigit

    Hi!

    It is totally up to your liking, i did not do it on purpose :)

    Best regards,
    Yigit

    May 18, 2015 at 11:08 pm #446103
    strengthcoaching

    Ok no problem. Thanks!

    I have the same question for buttons. How do I modify the properties of a default button? Mainly, the font size within a button I feel is too small. I want to increase it but not increase the button size so the font takes more of the button space.

    May 18, 2015 at 11:09 pm #446105
    strengthcoaching

    P.S. I have a bunch of little tweak questions like that. Should I put them all here or create a topic for each one?

    May 19, 2015 at 8:12 pm #446675
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    body div .avia-button {
  font-size: 16px!important;
}

    If you have bunch of other questions, please split them into 3 or 4 questions and start new threads. Long list of questions can get confusing sometimes :)

    Regards,
    Yigit

    April 11, 2025 at 12:37 pm #1481190
    hankboomer

    hi team, the yigit css works for the tab heading, any css for the tab content font size ?

    April 12, 2025 at 4:02 pm #1481239
    Mike

    Hi,
    Please link to your page, since this thread is from 2015 it may be better to open your own thread with a link to your page so we can assist.

    Best regards,
    Mike

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.