i try to resize some textinputs with css but it does not work as assumed.
this is my css:
width : 800px !important;
height :100px !important;
}
but the textinput is always the same size, just the next textinput 5 is moved into the right corner and to the bottom. it looks like the div size is changed but not the inputtext element??
Try adding this CSS.
.input-text > div > input[type=text] {
width: 90% !important;
max-width: 90% !important;
min-width: 90% !important;
}
You are encountering an issue I have fought much and tried to find a generic workaround. Here is a little more explanation.
https://gist.github.com/thibodux/408a685dc1a46af5f4f73f7c2922e47e
ok in general, this works but it is for every input field, this is not what i want
input
{ width:500px;}
Did you try what I suggested in my answer?
Try adding this CSS.
.input-text > div > input[type=text] {
width: 90% !important;
max-width: 90% !important;
min-width: 90% !important;
}
You are encountering an issue I have fought much and tried to find a generic workaround. Here is a little more explanation.
https://gist.github.com/thibodux/408a685dc1a46af5f4f73f7c2922e47e
Ok wow, it seems this works, but does this also work for height? i would like to build a multiline text input
No clue. Try adding height setting to #input4 > div > input[type=text]
to see.