Contact Form 7
Aligned input fields after labels? (1 post)

  1. Claire
    Posted 1 year ago #

    I want to make my form look like this: link!

    The input fields all need to be vertically aligned after the labels like that ^. Currently on my form if I just set it up like

    <p>First Name * [text* first-name] </p>
    <p>Last Name * [text* last-name] </p>

    the inputs are scattered based on the label's length. Then I went into custom CSS and applied float: left; and float: right; to the respective labels and inputs, but this didn't give me what I need.

    Thanks to anyone who can guide me in the right direction! I basically need it identical to the linked form above.


Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic