WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
Form Field Width Changes (4 posts)

  1. studioem
    Member
    Posted 1 year ago #

    Does anyone know how to change the widths of the form fields?

    http://wordpress.org/extend/plugins/contact-form-7/

  2. davejampole
    Member
    Posted 1 year ago #

    In the docs, with examples.

  3. davejampole
    Member
    Posted 1 year ago #

    Check this

    <http://wordpress.org/support/topic/plugin-contact-form-7-change-the-width-size-of-fields?replies=15>

  4. avipr
    Member
    Posted 1 year ago #

    Hi

    Its here
    First Solution
    while creating contact form the default is something like this
    <p>email
    [email your-email] </p>
    <p>subject
    [text your-subject] </p>

    Now add text box size to it like this [email your-email 24/] </p>
    Note 24/ is size, you can change it according to need, it will set the width of text box.

    Now move to text area
    [textarea your-message 19x3]
    Note- 19x3 means
    19 columns and 3 rows
    rows will set the height of text box and columns will set the width of text box.

    Second Solution
    By using css,
    open your default theme's css file which is style.css
    and append these line any where

    .wpcf7-text { width:200px !important; }
    .wpcf7-textarea { width:200px !important; }

    the first one will set the width of text box and second one of textarea, now please adjust the width according to need.
    !important; means any other style will be ignored or overwrite.
    Hope it will help you.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic