Setup contact form in two column layout

  • Hi.

    I’ve been using Contact Form 7 and, functionally, it is great. I am having trouble figuring out how to make it look better visually, however.

    Right now, all the fields stack up into one column.

    Name
    Email
    Subject
    Message
    Send

    It takes up a lot of vertical space, so I put it in a column which made it look a little better.
    You can see the layout here: https://jim-flannery.com/contact/

    What I want is to make it stack in two columns. So that it would be
    Name Your Message
    Email
    Subject

    This way the Name/Email/Subject would take the same vertical space up as the Your Message section. And then on a mobile it would stack back to vertical.

    I think this would look nice because then I can just attach this contact form to the bottom of every page footer instead of having this block on my (useless) contact page.

    Is this possible.

    https://www.ads-software.com/plugins/contact-form-7/

  • The topic ‘Setup contact form in two column layout’ is closed to new replies.