WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
My fields are stretched out to long. Why? (4 posts)

  1. donnchadh
    Member
    Posted 1 year ago #

    My fields are really long and I am unable to shorten the look. Please take a look at this page for example on how to fit the field right.

    http://hearingaidrepairlabs.com/hearing-aid-repair-online-form/

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

  2. waterworks2
    Member
    Posted 1 year ago #

    Maybe try adding the following to your CSS:

    Set width to whatever you want it to be.

    div.wpcf7 {
    width: 150px;
    }

    Or you can define the width of each textfield at the time you create the field. Look for the "Size" field and enter a number.

    Example:
    [text srf_name /50 id:srf_name tabindex:2]

  3. donnchadh
    Member
    Posted 1 year ago #

    I tried changing the size like this:
    <p>Your Full Name (required)
    [text* your-name 15/] </p>

    But this did not change how long the field is showing.

    I set the width, but it changed all the fields size. It doesn't let me change specific fields.

  4. waterworks2
    Member
    Posted 1 year ago #

    Yes, the CSS will change width of entire form.

    Maybe you could try this css and set width of your text fields:

    input[type="text"] {
    width: 30px;
    }

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.