WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7 width control (2 posts)

  1. brendanhibbert
    Member
    Posted 6 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 6 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.

About this Topic