Contact Form 7 width control

  • 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>

Viewing 1 replies (of 1 total)
  • Thread Starter brendanhibbert

    (@brendanhibbert)

    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;
		}

Viewing 1 replies (of 1 total)
  • The topic ‘Contact Form 7 width control’ is closed to new replies.

Tags