Change size of stacked ion-label

Ionic Framework ionic-v3
#1

I couldn’t find out to change the size of a stacked ion-label.

Does anyone knows how to do it ?

#2

+1 want to know this, too

#3

You could add a class to your label and edit the rest in CSS.

As example:

HTML

<ion-label class="testclass">Your Label</ion-label>

CSS

.testclass{
font-size: 30px;
}
#4

Sorry dude! It doesn’t work.

#5

Ok, here is the trick: you have to use !important in your class:

.label-text{
font-size: 1.0em !important;
}

Then it works.

1 Like