WordPress.org

1. brendanhibbert
   Member
   Posted 4 years ago #
   

   Hello all,

   Having a tough time trying to reduce the width of the drop down menu options using CONTACT FORM 7 -- The drop downs span the entire width of the div.

   This is the code:
   

   <h4>Your Details</h4>
   <br />
   <p><label> Customer Designation (required)<br />
   [select CustomerDesignation "Please select" "Individual" "Company or Trust"]</label></p>
   
   <p><label>Name of Company/Trust<br /
   [text NameofCompanyTrust]</label></p>
   
   <p><label>Your Title (required)<br />
   [select* Title "Mr" "Mrs" "Ms" "Miss" "Doctor"]</label></p>
   
   <p><label>Your Name (required)<br />
       [text* your-name] </label></p>
   
   <p><label>Your Email (required)<br />
       [email* your-email] </label></p>
   
   <p><label>Contact Phone Number (required)<br />
       [text* phone] </label></p>
   
   <p><label>Contact Fax Number<br />
       [text fax] </label></p>
   <br />
   <h4>Address Details</h4>
   <p><label>Street number and Name (required)<br />
       [text* streetname] </label></p>
   
   <p><label>Suburb/Town (required)<br />
       [text* Suburb] </label></p>
   
   <p><label>State/Territory (required)<br />
   [select* states "Select State" "NSW" "QLD" "TAS" "NT" "WA" "VIC" "ACT" "SA" "Other/Overseas"]</label></p>
   
   <p>[submit "Subscribe"]</p>

2. brendanhibbert
   Member
   Posted 4 years ago #
   

   You can set options like below:

   [text* your-name "Your Name" 100/200]

   This means “size is 100, maxlength is 200″. And apparently, if there is CSS which defines width of textareas (e.g. textarea {width: xxxx}), the CSS setting override Contact Form 7’s setting (cols attribute of <textarea> element).

   However, all I have in my CSS is
   

   body, select, input, textarea {
   	font: 100% Arial, Verdana, Sans-Serif;
   		}

Topic Closed

This topic has been closed to new replies.