Contact Form 7 - Two text fields on one line

[eutaw]

How can I get the first and last name of contact form 7 to be on the same line?

[ruenel]

Hello @eutaw,

Thanks for writing in!

This is the code of your current contact form:

<p style="font-size:24px; color:#197695; text-align:center;">VOLUNTEER TO HELP</p>
<br><br>

<label> Your First Name (required)  
    [text* FirstName] </label>

<label> Your Last Name (required)
    [text LastName] </label>

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

<label> Your Address (required)
   [text* Address]  </label>

<label> Your City, State and Zip (required)
   [text* CityStateZip]  </label>

<label> Cell Phone (required)
   [tel* CellPhone]  </label>


 How can you help Sharon's campaign?
    [checkbox* Volunteer "Make Phone Calls" "Request Yard Signs" "Work Polls During Early Voting" "Work Polls Election Day"]
<br>

[submit "Send"]

If you want it to display in columns, you will have to use custom html to do it. I would recommend that you update it and use this code instead:

<p style="font-size:24px; color:#197695; text-align:center;">VOLUNTEER TO HELP</p>
<br><br>

<div class="x-container">
    <div class="x-column x-1-2">
        <label> Your First Name (required)  
        [text* FirstName] </label>
    </div>

    <div class="x-column x-1-2 last">
        <label> Your Last Name (required)
        [text LastName] </label>
    </div>
</div>

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

<label> Your Address (required)
   [text* Address]  </label>

<label> Your City, State and Zip (required)
   [text* CityStateZip]  </label>

<label> Cell Phone (required)
   [tel* CellPhone]  </label>


 How can you help Sharon's campaign?
    [checkbox* Volunteer "Make Phone Calls" "Request Yard Signs" "Work Polls During Early Voting" "Work Polls Election Day"]
<br>

[submit "Send"]

We would love to know if this has worked for you. Thank you.

[eutaw]

Thank you very much. This is exactly what I want. Again, thanks.

[rad]

You’re most welcome!