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

  1. donnchadh
    Posted 3 years 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.



  2. waterworks2
    Posted 3 years 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.

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

  3. donnchadh
    Posted 3 years 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
    Posted 3 years 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

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.