Oxygen theme contact form layout

• 

  roeyhoey · Member · Sep 3, 2012 at 6:54 am

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  designsimply · Member · Sep 5, 2012 at 8:29 pm

  • Copy link

  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;
  }

• 

  roeyhoey · Member · Sep 8, 2012 at 9:53 pm

  • Copy link

  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.

• 

  roeyhoey · Member · Sep 8, 2012 at 10:03 pm

  • Copy link

  Thanks, worked like a charm!

• 

  designsimply · Member · Sep 24, 2012 at 7:50 pm

  • Copy link

  Right on. :) Cheers.