Comments Vadim started the conversationOctober 28, 2016 at 6:49pmHello, I would like to put fileds for name and email next to each other and make them twice shorter, is that possible? I want to achieve something like this - http://www.wpsnippet.com/creating-responsive-two-column-form-using-contact-form-7/ but given code didn't worked for memy site - http://makonix.coma.lv/en/contacts-and-requisites/ 2,009Ocean repliedOctober 31, 2016 at 6:30amYou can follow this code:<div id="contactform"> <div class="row"> <p class="col-md-6"><label for="name">Name:*</label> [text* your-name]</p> <p class="col-md-6"><label for="email">Email:*</label> [email* your-email]</p></div> <p><label for="comments">Message:*</label> [textarea* your-message]</p> <p>[submit class:button class:radius class:medium "Send Message"]</p> </div>Add more css code here http://www.awesomescreenshot.com/image/431375/60a65bbd73398f66ec983fe267a49737#contactform .row{ margin: 0 -15px; }Vadim repliedNovember 2, 2016 at 3:47pmThanks! Sign in to reply ...
Hello, I would like to put fileds for name and email next to each other and make them twice shorter, is that possible? I want to achieve something like this - http://www.wpsnippet.com/creating-responsive-two-column-form-using-contact-form-7/ but given code didn't worked for me
my site - http://makonix.coma.lv/en/contacts-and-requisites/
You can follow this code:
<div id="contactform">
<div class="row">
<p class="col-md-6"><label for="name">Name:*</label> [text* your-name]</p>
<p class="col-md-6"><label for="email">Email:*</label> [email* your-email]</p>
</div>
<p><label for="comments">Message:*</label> [textarea* your-message]</p>
<p>[submit class:button class:radius class:medium "Send Message"]</p>
</div>
Add more css code here
http://www.awesomescreenshot.com/image/431375/60a65bbd73398f66ec983fe267a49737
#contactform .row{ margin: 0 -15px; }
Thanks!