I'm sorry, I'm still a bit confused.
Here is a link to my Contact Form 7 form: http://goo.gl/ZoLliR
I've tried modifying a bit over the past few days, but to no avail. All I want is to shorten the text boxes so they fit within the page. I thought this was a simple request :(
Code for the contact form:
<div style="margin: 0 auto; width:750px">
<p><b>Your Name:</b><br />
[text* your-name] </p>
<p><b>Contact Email:</b><br />
[email* your-email] </p>
<p style="text-align: left;"><b>Beds (Private): </b>[select* menu-969 "0" "1" "2" "3" "4"] <b>Beds (Dorm): </b>[select* menu-69 "0" "1" "2"] </p>
<p style="text-align: left;"><b>Check In:</b><br />
[date date-52] </p>
<p style="text-align: left;"><b>Check Out:</b><br />
[date date-753] </p>
[recaptcha]
<p> </p>
<p style="text-align: left;">[submit "Request Booking"]</p>
</div>