Contact form style

Comments

• Bryan

  November 2017

  HI,
  we use HTML in the contact form edit to group the inputs, it should look like this
  
  <div class="column one-third">INPUT</div>
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• KevinForstner

  November 2017

  Hey Team,
  
  thank you for your reply. Problem is now that all columns are 1/3 which is quite good., but I wanted the first three items ( email address, subject and name) in one row and below that the box for the message over the full width. Excatly how it looks on "your" contact form. At the moment mine looks like this
  
  And it should look like this:
  
  So I would need some part of html code which helps me to align the first 3 items next to each other, since they are know just below each other with 1/3 of a column, and the message box (write a message part) below that over the full width.
  Thank you very much for your help
  
• Bryan

  November 2017

  Please 3 inputs in 3 DIVs and you will have 3 inputs, then they will appear in one row.
  Make sure that there are no blank spaces, they could cause the inputs to show in new lines.
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• KevinForstner

  November 2017

  Thank you very much ! Now it worked. Is it possible to align the upper row directly above the lower one ? Better said, to align the first box (dein name) directly above the box below (Deine Nachricht), so that they both start at the same point on the left side.
  At the moment it looks like this:
  
  Thanks for your help
  
• Bryan

  November 2017

  Yes, just place the text-area field in a DIV as well,
  use <div class="column one">TEXTAREA</div>
  
  For the future, you can also make the send button 100% width with this shortcode,
  [submit class:button_full_width "Send"]
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next