WordPress.org

1. PChuprina
   Member
   Posted 2 years ago #

   Hello all

   I want to shorten the width of the text areas, unfortunately I can't find which style sheet or were I would decrease the width or column number.

   Thanks in advance

   PPCHuprina

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

2. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   A link to your site would help.

3. PChuprina
   Member
   Posted 2 years ago #

   Sorry: http://blog.chuprinacreative.com/

4. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   Try adding:

   .wpcf7-form-control-wrap your-message {width:265px}

   to your theme's stylesheet.

5. PChuprina
   Member
   Posted 2 years ago #

   No, didn't work, but thanks for your input.

6. PChuprina
   Member
   Posted 2 years ago #

   Did it!

   I changed the widths through the "settings contact edit panel." From this:
   `<p>Your Name (required)
   [text* your-name] </p>

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

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

   <p>Your Message
   [textarea your-message] </p>
   <p>[submit "Send"]</p>`

   I ended up with this:

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

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

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

   <p>Your Message
   [textarea your-message 29x10]</p>
   <p>[submit "Send"]</p>

   The main difference being the addition of the 33/100 values which are: max size/max length. The other difference being 29x10 which is cols/rows. Unfortunately I'm not sure how this translates into the code and where it is placed, any explanations are greatly accepted.

   Thanks for your input esmi.

   P CHuprina

7. converting2wp
   Member
   Posted 2 years ago #

   If you "view source" on the generated page, you'll see HTML "input" tags.

   In your site, there are the lines:
   

   <input type="text" name="your-subject" value="" class="wpcf7-validates-as-required" size="33" maxlength="100" />
   <textarea name="your-message" cols="29" rows="10"></textarea>

   The first is generated using the 33/100. The second with the 29x10.

   Is that what you were asking?

Topic Closed

This topic has been closed to new replies.