CSS Enlarge font size in a Number Picker

Hello everybody,

I used this @Uzo 's CSS code :

position: center;
backdrop-filter: blur(0px);
background: #F2BE24;
border-radius: 50px;
width: 60%;
padding: 2px 20px 12px;

But I would like to make the font heighter and I can’t do it by just using “Font-size: 20px;”
Does anyone have an idea?


What do you mean “heighter”? Do you mean more space for the line that stores the text?

Hi, Alexis
If you want to make the letters bigger, try the code below.

 [data-test="app-text-field"]> :nth-of-type(1) {
 background: #F2BE24;
 width: 50%;
 border-radius: 25px;
 [data-test="app-tf-number-input"] {
 font-size: 30px !important;
 padding-left: 10%;
 text-align: center; 
 color: #fff !important;
1 Like

Thank you very much :pray: :pray: :pray: