Tab Font size

Question

Hello
please how to change the font size and color of a tab label ?
thanks

Answer 1

What are the details you need ?
Go to Shared Components >Templates and edit the page template your are using for your page ("One Level Tabs" for example).
Click on the "*Tab*" tab.
Then you have two templates, one for current tab ( Current Tab ), and one for non current tabs ( Non Current Standard Tab ).
Then you can for example use the folowing :
Current Tab:
<div style="font-size:1.1em;color:red;">#TAB_LABEL#</div>
Non Current Standard Tab:
<div style="font-size:1em;color:black;"><a href="#TAB_LINK#">#TAB_LABEL#</a></div>--------
But a cleaner way is to define your CSS in an external CSS file loaded in your page, or in your template.
Then you can use:
Current Tab:
<div class="active_tabs">#TAB_LABEL#</div>
Non Current Standard Tab:
<div class="non_active_tabs"><a href="#TAB_LINK#">#TAB_LABEL#</a></div>And in your CSS file:
.active_tabs {
   font-size:1.1em;
   color:red;
.non_active_tabs {
   font-size:1em;
   color:black;
}I can't write it with more details ;)