WordPress.org

1. bobpaszko
   Member
   Posted 1 month 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
   Member
   Posted 1 month ago #

   Try adding them to your theme's stylesheet.

3. kandesigner
   Member
   Posted 1 month 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 1 month ago #

   Thanks kandesigner. Worked like a champ.

5. mjeatty
   Member
   Posted 1 month 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 1 month 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.

Reply

You must log in to post.