Forums

Contact Form 7
How to change size of input box? (5 posts)

  1. Kirbyworks
    Member
    Posted 8 months ago #

    It seems to be governed by inline styles rather than css.

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

  2. Seacoast Web Design
    Member
    Posted 8 months ago #

    This can be done by editing the form in use, generating a new field, and applying the size, css etc., then adding where desired.

  3. Kirbyworks
    Member
    Posted 8 months ago #

    I wrapped the form fields in a containing div for control but it only works on the "Your Message" box. The other input fields seem to be governed by something else and it's not showing up using the Chrome developer tool.

  4. walerysyschuk
    Member
    Posted 8 months ago #

    I have found a little easier way:
    just add the size to get something like this:

    <p>Your name*
    [text* your-name 26/40] </p>

    Where 26 is sze of input box and 40 is max lengh of input data

  5. Phil
    Member
    Posted 8 months ago #

    Weird, CSS always works for me with CF7.

    Try the important rule as well..

    eg:

    .someclass {
    height: 10px !important;
    }

Reply

You must log in to post.

About this Plugin

About this Topic