Dawn Theme - Custom Text Field Adjust Height

Store Design
, , , ,
1

How can I change the height of the custom text field? I would like it to be only as high as a line of text.

https://taskslider.de/products/taskslider-01

More important on the mobile version of the website.

Roxolot_0-1699703681945.png
Roxolot_0-1699703681945.png612×581 25.2 KB
2

Update your code to this
3

Unfortunately it does not work

This is my Css Code in Bse.css

product-form .field {
    margin-bottom: 3rem;
    height: 20%;
    width: 100%;
}

@media screen and (max-width: 749px) {
product-form .field {
    margin-bottom: 2rem;
    height: 20%;
    width: 100%;
}
}
4

Code updated
5

it just changes the message. i want to change the height of the white container so that there is just one line

6

So please change the code 20% with some px example 20px

product-form .field {
    margin-bottom: 3rem;
    height: 20%;
    width: 100%;
}

@media screen and (max-width: 749px) {
product-form .field {
    margin-bottom: 2rem;
    height: 20px;
    width: 100%;
}
}
7

Unfortunately it didn’t work, because then the text input is under the button and it overlaps