Contact form 7 2 columns

Form Mark Up

<div class="clearfix">
<div id="left">First name [text first-name] Last Name[text last-name] How Did You Find Us? [text text-find-us]</div>
<div id="right">Email [email* your-email] Phone [text your-phone]</div>
</div>
Subject [text* your-subject] 
Message [textarea* your-message] 
[submit "Send"]

CSS

/*--- 2 Column Form Styles Start ---*/

#left {
    width: 47%;
    float: left;
    margin-right:6%;
}
 
#right {
    width: 47%;
    float: left;
}
 
.clearfix:after {
    content:"\0020";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    margin-bottom:10px;
}
 
.clearfix {
    display:block;
}

Leave a Reply

Your email address will not be published. Required fields are marked *