Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #445120

    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.

    #445625

    Hi strengthcoaching!

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

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

    Cheers!
    Rikard

    #446059

    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

    #446068

    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

    #446073

    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?

    #446083

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

    #446090

    Hey!

    Please add following code to Quick CSS as well

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

    Regards,
    Yigit

    #446096

    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?

    #446102

    Hi!

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

    Best regards,
    Yigit

    #446103

    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.

    #446105

    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?

    #446675

    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

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