CSS Enlarge font size in a Number Picker

Ask for Help
1

Hello everybody,

I used this @Uzo 's CSS code :

<pre><span><style>
[data-test="app-text-field"]{
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?

Thanks

2

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

3

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

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

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

2 Likes