Decrease Height of Jetpack Contact Form (Comments Box)

Hi,

You should be able to do so using CSS. If you give me a link to your form I can see what I can do to help, or you can post to https://www.ads-software.com/support/forum/themes-and-templates as well.

Thks Richard. Link is https://mikemetcalfe.co/contact/

Hi!

Try this in your Custom CSS module in Jetpack:

contact-form textarea {
height: 100px;
}

And then

.contact-form label {
float: left;
}

Doing that is a start, but you’ll need to play with the margins after label, for example, to get things lined up just right.

Hope that helps!

Try this in your Custom CSS module in Jetpack:

contact-form textarea {
height: 100px;
}

I tried this and it did not work. Contact form defaults the “textarea” height to 20 rows. Is there any place I can edit this? I’d like my textarea comment box to default display with 10 rows, maybe less, but can find no place to edit the contact form field parameters.

Using custom CSS didn’t work for me.

@michael_onsaba Could you please start your own thread, as per the Forum Welcome?
https://www.ads-software.com/support/plugin/jetpack#postform

it would also be useful if you could point us to your contact page so we can take a closer look and provide you with the code that fits with your theme.
If you want your site URL to remain private, you can also contact us via this contact form:
https://jetpack.me/contact-support/

Thanks!