WordPress.org

Ready to get started?Download WordPress

Forums

[Plugin: Contact Form 7] Changing Form Width (11 posts)

  1. bobpaszko
    Member
    Posted 4 years ago #

    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?

  2. esmi
    Forum Moderator
    Posted 4 years ago #

    Try adding them to your theme's stylesheet.

  3. kandesigner
    Member
    Posted 4 years ago #

    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).

  4. bobpaszko
    Member
    Posted 4 years ago #

    Thanks kandesigner. Worked like a champ.

  5. mjeatty
    Member
    Posted 4 years ago #

    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?

  6. bobpaszko
    Member
    Posted 4 years ago #

    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.

  7. sanda33
    Member
    Posted 4 years ago #

    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

  8. sanda33
    Member
    Posted 4 years ago #

    I was able to figure it out myself.

  9. tuminds
    Member
    Posted 4 years ago #

    Thanks Bob, it worked!

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

  10. jeratbp
    Member
    Posted 4 years ago #

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

  11. Hugh
    Member
    Posted 4 years ago #

    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?)

Topic Closed

This topic has been closed to new replies.

About this Topic