Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #291192

    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>
    #291402

    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!
    Ismael

    #291617

    Okay 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?

    #291621

    Neither of those methods seemed to move the submit button whatsoever :(

    #291777

    Hi,

    Can you post the link to the page please?

    Regards,
    Josue

    #291834

    Running on a local site currently – when I get it to a remote server I will post a url.

    #291837

    Ok, reply back to this topic once you done that.

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.