Support » Plugin: Jetpack by WordPress.com » Adjust width of contact form

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic

    Can I adjust the width of the contact form so I can put a picture next to it?

    You can customize the look of the form (and other elements of your site) with custom CSS. Try adding the following CSS to your theme’s stylesheet, or to your custom CSS editor available under Appearance > Edit CSS in your dashboard:

    #post-66 .contact-form {
    	float:left;
    	width: 50%;
    }

    I hope this helps.

    This really helps, thanks! But can you explain me why the different fields in the form have different sizes? The name and email fields have the same width, the select-bar is wider and the comment box is again another width than the previous fields. Any idea how I can adjust that?

    Thanks!

    Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic

    But can you explain me why the different fields in the form have different sizes?

    This will depend on the theme you’re using. Luckily, you can adjust each element with CSS. For example, if you wanted all fields to have the same width:

    #post-66 .contact-form textarea,
    #post-66 .contact-form input[type='text'],
    #post-66 .contact-form input[type='email'] {
        width: 100%;
    }

    Thanks, it looks wonderful :-).

    My filed headers are sitting over the fields a guest would use. What steps do I use to edit CSS? Simply just paste commands in there? I am beginner so I apologize the naive questions.

    Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic

    @wak0511 Could you please start your own thread, as per the Forum Welcome?
    http://wordpress.org/support/plugin/jetpack#postform

    Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Adjust width of contact form’ is closed to new replies.