Support » Theme: Twenty Eleven » format contact form 7

  • Trying to align text and text boxes using contact form 7

    This is the site I am trying to emulate:

    Here is my page:

    I tried using a table in the contact page, but it didn’t show anything.
    Created a div called “req_form”

    Here is my contact form code:
    <div id=”req_form” >
    First Name: [text first-name]
    Last Name:[text last-name]
    Company Name:*(required) [text* company-name]
    Referring Agency: [text referring-agency]
    Address: [text address]
    City: [text city]
    State: [text state]
    Zip: [text zip]
    Email Address:* (required)[email* your-email]
    Phone: [text your-phone]
    Number of Employees *(required)[text* number-employees]
    Pay Frequency: [select pay-frequency “Weekly” “Bi-Weekly” “Semi-Monthly” “Monthly”]
    Comments [textarea your-message]

    <p>[submit “Send”]</p>

    Here is my CSS

    /* css for contact form 7 for request */



    textarea {
    height: 200px;
    width: 225px;

    As you can see I need to align the text next to the text boxes with a space in between.

    Any suggestions would deeply be appreciated.

    Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)
  • hello…thank you for your advice..

    I am using responsive theme and I want to send mail in a table format using contact form7. But whenever I put your div style code it will display as it is whatever I put my contact form 7. Please help me…!

    How did you get this to work? I need help with this exact issue.



    Forum Moderator

    @khan6000: As per the Forum Welcome, please post your own topic. Posting in an existing topic prevents us from being able to track issues by topic. Added to which, your problem – despite any similarity in symptoms – is likely to be completely different.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘format contact form 7’ is closed to new replies.