WordPress.org

Ready to get started?Download WordPress

Forums

Jetpack by WordPress.com
Decrease Height of Jetpack Contact Form (Comments Box) (6 posts)

  1. Waup
    Member
    Posted 1 year ago #

    Hi,

    1. How do I decrease the height of the Jetpack Contact Form ?

    2. Is it also possible to change field placements to be side by side, versus under each other.

    i.e.

    name email

    comments

    versus:

    name

    email

    comments

    thks!

    http://wordpress.org/extend/plugins/jetpack/

  2. Richard Archambault
    Happiness Engineer
    Plugin Author

    Posted 1 year ago #

    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 http://wordpress.org/support/forum/themes-and-templates as well.

  3. Waup
    Member
    Posted 1 year ago #

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

  4. Richard Archambault
    Happiness Engineer
    Plugin Author

    Posted 1 year ago #

    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!

  5. Michael_onSaba
    Member
    Posted 7 months ago #

    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.

  6. Jeremy Herve
    Happiness Engineer
    Plugin Author

    Posted 7 months ago #

    @Michael_onSaba Could you please start your own thread, as per the Forum Welcome?
    http://wordpress.org/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:
    http://jetpack.me/contact-support/

    Thanks!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic