Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How do I adjust the Tab Size in Ionic 4?

Tags:

angular

ionic4

I've created a tab and figured out how to change the color according to Ionic 4 CSS Docs found here https://beta.ionicframework.com/docs/theming/css-variables

But there is not reference there as to how to change the size, the code on for ionic 3 does not work.

here is what I have

ion-tabs {
margin-top: 80px;
--ion-tabbar-background-color: #FBFBFB;
--ion-tabbar-text-color-active: #87BCDE;
--ion-tabbar-text-color: #424242;
font-size: 40px;

}

like image 697
Claudio Teles Avatar asked Oct 16 '25 01:10

Claudio Teles


1 Answers

With below code you can change the size of tab-label :

ion-tab-button {        
        ion-label {  
            font-size: 12px;
        }
    }
like image 89
Nayyar Jamal Avatar answered Oct 18 '25 22:10

Nayyar Jamal



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!