Viewing 7 posts - 1 through 7 (of 7 total)
-
Posts
-
Hello, as shown in the image, how can I make this button align properly? Using CF7.
<table> <tr><td> <p>Name<br /> [text* your-name placeholder "John Doe"] </p> </td><td> <p>Year of Birth (for Statistical Purposes only)<br /> [text* text-776 placeholder "1986"]</p> </td></tr> <tr><td> <p>Address<br /> [text* text-159 placeholder "123 Main Street, Anytown, NS, Canada"]</p> </td><td> <p>Location Used Most Often<br /> [select* menu-351 "Bridgewater" "Lunenburg" "Greenfield" "Liverpool" "Mobile" "Outreach"]</p> </td></tr> <tr><td> <p>Phone Number<br /> [text text-598 placeholder "902-123-4567"]</p> </td><td> <p>Grandmother's First Name (Unique Identifier)<br /> [text text-800 placeholder "Granny McGee"]</p> </td></tr> <tr><td> <p>Email<br /> [email your-email placeholder " (Email address hidden if logged out) "] </p> </td><td> <p>[submit "Submit my Application"]</p></td></tr> <tr><td> <p>Name of Parent/Guardian, if applicant is under 14<br /> [text text-863 placeholder "Jane Doe"]</p> </td><td> <p>Phone Number of Parent or Guardian, if applicant is under 14<br /> [text text-204 placeholder "902-234-5678"]</p> </td></tr> </table>Hey samforan!
Thank you for using the theme.
Have you tried adding a br tag before the button? Please post the actual page. We would like to check it. You can also add a unique selector on the p tag. Look for this code on the cf7 form:
<p>[submit "Submit my Application"]</p>Replace it with this:
<p class="form-top-margin">[submit "Submit my Application"]</p>Add a top margin on Quick CSS or custom.css:
.form-top-margin { margin-top: 15px; }Cheers!
IsmaelOkay thanks I’ll try that.
My to her concern is responsiveness. I am worried that as things compress, my contact forms in tables will not work properly.
Is there possibly a better way in general to do this within CF7 and the theme?
Viewing 7 posts - 1 through 7 (of 7 total)
- You must be logged in to reply to this topic.