Support » Plugins and Hacks » [Plugin: Contact Form 7] Changing Form Width

  • The message box is sized perfectly, but the name, e-mail and subject fields are much wider than the 200px space in my right sidebar. I reduced the width in the Contact Form 7 stylesheet.css file from 280px to 200px, but nothing changed in the sidebar. Where do I change the width value to adjust the name, e-mail and subject fields?

Viewing 10 replies - 1 through 10 (of 10 total)
  • esmi

    (@esmi)

    Forum Moderator

    Try adding them to your theme’s stylesheet.

    From the Contact Form 7 settings page, head to “Generate Tag” button on the right, select the field you would like to customize, then specify the settings for the required fields, including the width (size).

    Thanks kandesigner. Worked like a champ.

    I must be doing something wrong. I just tried kandesigner’s suggestion, and nothing changed. Of course, when I specified the maximum length of the name field, I just put 20, and maybe I needed to put 20px or something. What did I do wrong?

    The message box adjusts automatically. I generated an email field tag (826) for Email. 33 is the size. You can play with that number to achieve the desired results.

    <p>Your Email (required)
    [email* your-email-826 33/] <p/>

    I generated a text field tag (252) and used the same one for the name and subject. 33 is the size.

    <p>Your Name (required)
    [text* your-name-252 33/] </p>

    <p>Subject
    [text your-subject-252 33/] <p/>

    Hope this works for you.

    I also am a non-techie at WP. I’m trying to simplify the Contact Form 7 on my blog. Anybody would know how to:

    1. align the form to the left of the page (it is now in the center)
    2. have the box to the left of the text (it is now under the text)
    3. change the heigth of the message box (I’ve learned how to change the width above, thanks)

    Thanks for any suggestion

    I was able to figure it out myself.

    Thanks Bob, it worked!

    Sandra how did you mange to do the 3 things you mentioned above?

    Bob, thank you very much! I’ve been trying to get this issue resolved for a few days.

    Hugh

    (@sillinguist)

    Is there a way to get the “title text” of the “text box” to show up inside the textbox until the user clicks the text field? (then to dissappear on-click?)

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘[Plugin: Contact Form 7] Changing Form Width’ is closed to new replies.