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.
Hi strengthcoaching!
Please try the following in Quick CSS under Enfold–>General Styling:
.js_active .top_tab .tab {
font-size: 16px !important;
}
Cheers!
Rikard
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
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
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?
It works perfectly and thank you for the fast reply, much appreciated!
Hey!
Please add following code to Quick CSS as well
.tab_icon {
font-size: 20px!important;
}
Regards,
Yigit
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?
Hi!
It is totally up to your liking, i did not do it on purpose :)
Best regards,
Yigit
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.
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?