Tagged: tabs
Hi there,
Is it possible for me to be able to modify the formatting of the Tabs content element? Specifically, I would like to be able to:
1. set the font size
2. set the closed tabs background colour
Thanks for your help!
Steve
Hey BlueprintECM,
Please use the below css
Feel free to change the color and font values to suit your design :)
/* Tab Font size */
#top .main_color .tabcontainer .tab {
font-size: 20px!important;
background-color: gray!important;
}
/* Active tab*/
#top .main_color .tabcontainer .tab.active_tab {
background-color: gold!important;
}
Best regards,
Vinay
Hi Vinay, that worked brilliantly – thank you!
One thing – could you please also include the code that will allow me to change the font size of the tab contents?
Thanks!
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.tab_inner_content {
font-size: 16px;
}
Best regards,
Yigit
Thanks very much! :)