Docs

[scottkwilson]

Hi – I would like to reduce the padding in the form fields located on this page (see below). How do I do this? Thanks!

https://stormwindcreative.com/contact-us/

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    height: 2.45em;
}

Hope that helps.

[scottkwilson]

Thanks for the quick response! This is getting close. The padding on the top and bottom of the fields look good, but there’s too much padding on the left. See screenshot attached. How can I make the padding on the left and right of the form field be the same as the top and bottom? I’m trying to achieve a uniform look.

Also, in the ‘Message’ area something weird is going on. I’d like the message field to be taller and have the padding the same as the other fields.

Thanks again!

[Christopher]

Hi there,

Please update your code to :

select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    height: 2.45em;
    padding: 0px 0.45em;
}

 textarea {
    height: 2.45em;
    padding: 0px 0.45em;
}

Thanks.

[scottkwilson]

That worked. Thank you!

[Friech]

We’re delighted to assist you with this.

Cheers!

[Author]

Posts