Oxygen theme contact form layout

  • Author
  • #998404


    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,

    The blog I need help with is mendocinosprouts.com.


    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;


    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.



    Thanks, worked like a charm!


    Right on. :) Cheers.

The topic ‘Oxygen theme contact form layout’ is closed to new replies.