markandgary
Forum Replies Created
-
Forum: Plugins
In reply to: [Contact Form 7] Space out columns evenly across formAnyone?
I’m sure this topic has been covered, but the code I managed to put together, was from a couple of posts on this forum. I’m almost here if I can figure out a way to space the width evenly across these 2 fields and have them responsive rather than hard coded.
Forum: Plugins
In reply to: [Contact Form 7] Columns in Contact FormI’m looking for the same help, and having the same problem.
In my case I am trying to get the Name and Email fields to fill in the space above subject. I’m unable to create this unless I put in width values that are not responsive when viewed on other devices such as tablets.
http://www.markandgary.com/contact-us/
Code I’m currently using:
<p>
<ol7 class=”singleline”>
<li7>[text your-name placeholder "Your Name: (optional)" ]</li7>
<li7>[email* your-email placeholder “Your Email Address”]</li7>
</ol7>
</p><p>[text* your-subject placeholder “Subject”] </p>
<p>[textarea* your-message placeholder “Please tell us what’s on your mind..”] </p>
<p>
<ol7 class=”singleline”>
<li7>[captchac captcha-690 bg:#81d742 size:l]</li7>
<li7>[captchar captcha-690 placeholder “Enter Code From Green Box Here”]</li7>
<li7>[submit class:button id:form-submit “Send Message”]</li7>
</ol7>
</p>CSS:
.wpcf7-form .singleline ol7 {
list-style: none;
margin: 0 0 10px; /* added bottom margin to ordered list */
}.wpcf7-form .singleline li7{
display: inline-table;
padding-right: 10px;
}