I had another thread open but it was marked closed.
The form text input boxes are too large in my opinion.
I was sent this code to insert into the Quick CSS box, but nothing changed:
#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select {
padding: 5px;
}
.form_element_half input {
width: 90%!important;
}
Can someone please help me find how to change the padding/height of the text input box. text area, etc?
Thanks! :-)
Hey Gavin!
Send us a link to your page where your displaying the forms and we’ll take a look.
Cheers!
Elliott
You got it!
Hi!
Try to add:
#top .avia_ajax_form .text_input {
padding: 0 !important;
}
to your CSS and let us know if the final result is what you need.
Regards,
Basilis
That did it! Thanks!
Can you tell me what #top represents?
Hey!
It’s just an ID given to the container surrounding everything else in the page. You can add it to the beginning of your CSS declarations to give them more priority. Or use the !important override.
Cheers!
Elliott