Need help? Check out our Support site, then


Oxygen theme contact form layout

  1. 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. 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. 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. Thanks, worked like a charm!

  5. Right on. :) Cheers.

Topic Closed

This topic has been closed to new replies.

About this Topic