Oxygen theme contact form layout

  • Author
    Posts
  • #998404

    roeyhoey
    Member

    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.

    #998694

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

    roeyhoey
    Member

    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.

    #998707

    roeyhoey
    Member

    Thanks, worked like a charm!

    #998719

    Right on. :) Cheers.

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