Double Row Appeared
-
For context, here is my live site, using Astra Theme:
https://www.robinsondavid.com/property-buyer-registerThat is how I’d like the layout, with two columns for some text areas, all nice and uniform.
However, now I’m building using Hello Theme on a staging site, and the rows are a lot shorter:
https://staging.robinsondavid.com/property-buyer-registerThe rows in the double columns are only stretching about 50% of the way, but contact form 7 seems to think this is 100% of the way.
When I exchange ‘label‘ for ‘input‘ like I have done on the first two text areas, you can see that the row then stretches 100% of the way. But, it’s also adding some weird little box above?!
What is that little text area appearing in a new row?!
Why is this happening?
This is how I’ve built the form on this page:
<div class="content-column one_half"><div style="padding:"0;"> <input> [text* your-name placeholder "Full Name & Title (Required)"] </input></div></div> <div class="content-column one_half last_column"> <input> [email* your-email placeholder "Your Email (Required)"] </input></div><div class="clear_column"></div> <div class="content-column one_half"><div style="padding:"0;"> <label> [tel your-phone placeholder "Home/Work Phone"] </label></div></div> <div class="content-column one_half last_column"> <label> [tel* your-phone placeholder "Mobile Phone (Required)"] </label></div><div class="clear_column"></div> <div class="content-column one_half"><div style="padding:"0;"> <label> [text* your-address placeholder "Your Full Address (Required)"] </label></div></div> <div class="content-column one_half last_column"> <label> [text* price-range placeholder "Property Search Price Range (Required)"] </label></div><div class="clear_column"></div> <div class="content-column one_full last_column"> <label> [textarea* your-message placeholder "Property Specifications (Location, Bedrooms, Parking, Semi-Detached, Etc) The more detailed information you provide, the more accurate we can be."] </label></div><div class="clear_column"></div> <div class="content-column one_full last_column"> <b>Preferred Districts</b> [checkbox* checkbox-001 use_label_element "Badminton" "Berkeley" "Broadway" "Cheltenham" "Chipping Campden" "Cirencester" "Fairford" "Gloucester" "Newent" "Stonehouse" "Stroud" "Tetbury" "Tewkesbury" "Other"]</div><div class="clear_column"></div> <div class="content-column one_full last_column"> <b>Trusted Referral</b> [checkbox* checkbox-002 use_label_element "In Need of a Trusted Mortgage/Financial Advisor" "In Need of a Trusted Solicitor" "Already Have These Arranged"]</div><div class="clear_column"></div> <div class="content-column one_full last_column"> <b>Current Position</b> [checkbox* checkbox-003 use_label_element "First Time Buyer" "Nothing to Sell" "Sold Subject to Contract (SSTC) With Chain" "Sold Subject to Contract (SSTC) Without Chain" "Other"]</div><div class="clear_column"></div> <div class="content-column one_full last_column"> <label> [text* your-reason placeholder "Reason For Home Hunting (Required)"] </label></div><div class="clear_column"></div> <div class="content-column one_full last_column">[submit "Register Interest"]</div><div class="clear_column"></div>
The page I need help with: [log in to see the link]
- The topic ‘Double Row Appeared’ is closed to new replies.