If I change the default font size of the theme in it’s settings, the tab font size is still the same as the default one. This looks weird, since the tab content is actually displayed in bigger fonts.
Here is the setting in question: https://drive.mandelkind.cloud/index.php/s/hV8rCeYKQBzbfpH
And this is the result: https://drive.mandelkind.cloud/index.php/s/X0p1QPczdztG3iZ
The expected result would be using the same font size for the tab titles and the tab content.
Hey Thorsten,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.tabcontainer .tab {
font-size: 19px;
}
If the above code do not work for you would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)
Best regards,
Vinay
Hi Vinay!
Thanks for getting back on this issue. I’ve already custom CSS in charge of setting the same font-size.
I’ve opened this issue here, because I think this is not the expected behaviour of the default theme – although it’s easy to fix.
So I would really love to see this implemented in the theme itself, instead of providing a custom CSS on every site?
PS: This is my custom CSS which falls back to the selected theme font size in the theme settings:
/* Workaround for Tab Title Size Issue: https://kriesi.at/support/topic/font-size-setting-not-used-in-tabs/ */
.js_active .tab,
.tabcontainer .tab_icon{
font-size:inherit !important;
}
Hi,
Thanks for sharing that, we’ll look into adding it to the theme CSS.
Best regards,
Rikard
Awesome, thanks!!!