WordPress.com

1. roeyhoey
   Member
   Sep 3, 2012, 6:54 AM

   Hi, I was wondering if anyone knew if it was possible to change the layout of the contact form using the CSS upgrade.

   We are using the contact form as a small CSA Farmer's Mkt. order form & it would be nice if we could have two columns instead of one lonnnnng one. Address and contact info on the left side and orders on the right side would be good. Here is the URL of the page http://wp.me/P2tpLv-4d

   Thanks in advance,
   Rosemary

   The blog I need help with is mendocinosprouts.com.

2. designsimply
   Staff
   Sep 5, 2012, 8:29 PM

   The order of the form elements is set inside the form editor.

   Here is a CSS example you can start with—it will change the form into two columns:

   .contact-form div {
   	float: left;
   	margin: 0 20px 0 0;
   }
   
   .contact-form textarea {
   	width: 300px !important;
   }
   
   .contact-form {
   	overflow: hidden;
   }
   
   .contact-form .contact-submit {
   	position: absolute;
   	bottom: 100px;
   	right: 295px;
   }

3. roeyhoey
   Member
   Sep 8, 2012, 9:53 PM

   Thanks,
   I will give it a shot. And yes this was a duplicate, I forgot to check the "notify me by email box" and sent it again with the box checked.

   Thanks again for the reply.

4. roeyhoey
   Member
   Sep 8, 2012, 10:03 PM

   Thanks, worked like a charm!

5. designsimply
   Staff
   Sep 24, 2012, 7:50 PM

   Right on. :) Cheers.

Topic Closed

This topic has been closed to new replies.