How do I get all of this on one line?

I"m trying to set up all of this up on one line.


I don't see any <br> in the contact code. So I'm not sure why the phone and the button are on new lines. Is there any easy visual way to create these forms? Or how does my code need to be changed?

<div class="column one-second">[text* your-name placeholder "Your name"] </div>

<div class="column one-second">[email* your-email placeholder "Your e-mail"] </div>

<div class="column one-second-third">[tel* PHONE placeholder "Phone"] </div>

<div class="column one">[submit class:button_full_width "Send a message"]</div>

Comments

  • Hello,

    Try this code:

    <div class="column one"><label>[text* your-name placeholder "Name"] </label></div>
    <div class="column one-second"><label>[email* your-email placeholder "Email"]</label></div>
    <div class="column one-second"><label>[text your-subject placeholder "Subject"]</label></div>
    <div class="column one"><label>[text your-subject placeholder "Details"]</label></div>
    <div class="column one"><label>[textarea your-message placeholder "Your message"] </label></div>
    <div class="column one">[submit class:button_full_width "Send"]</div>
    


    Thanks

  • No this does nothing except put them all on separate lines...

  • Can you explain in more detail how it supposes to look like, please?

    For example, should they be in one horizontal line?


    Best regards

  • Sorrry, yea, to clarify looking just for one solid horizontal line and can't figure it out to save my life.

  • Will this be okay?

    <div class="column one">
       <div class="column one-third"><label> [text* your-name placeholder "Name"]    </label></div>
       <div class="column one-third"><label> [email* your-email placeholder "Email"] </label></div>
       <div class="column one-third"><label> [tel* your-name placeholder "Phone"]    </label></div>
       [submit class:button_full_width "Send"]
    </div>
    

    thanks

Sign In or Register to comment.