Sign Up ›

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
PreyankaPreyanka 

Change font and size of slds tab

Hello,

I am using visualforce page and using slds to get the tab view. but the tab label comes in Caps and I can not change the font and size of tab label.

I am using exactly the same code present in SLDS tab page(https://www.lightningdesignsystem.com/components/tabs/#site-main-content)

User-added image

I want to reduce the size, change the font and wanted to view it like Item One.

Please help me on this.

Thanks
Preyanka

 
Best Answer chosen by Preyanka
GhanshyamChoudhariGhanshyamChoudhari
<style>
.slds-tabs_default__link{
text-transform: capitalize;
        font-size: 40px;

}

</style>

 

All Answers

GhanshyamChoudhariGhanshyamChoudhari
<style>
.slds-tabs_default__link{
text-transform: capitalize;
        font-size: 40px;

}

</style>

 
This was selected as the best answer
Narender Singh(Nads)Narender Singh(Nads)
Hi Priyanka,

In your VF page Code include this: 
<style>
.slds-tabs_default__link{
 text-transform: capitalize !important;
        font-size: 20px !important;

}

</style>

Let me know if it helps.
Thanks!