How can I adjust field alignment/layout

  • Profile Image
    Asked on September 30, 2012 at 09:09 PM



    I am trying to create a contact form with a particular layout for the fields. I need the name, telephone and email fields under each other with left alignment and a message filed aligned to the right of the other three fields. The website has the layout I am trying to replicate but whenever I move the message field the email and contacts always end up below and not next to the field. 


    My attempted form is here:

  • Profile Image
    Answered on October 01, 2012 at 03:48 AM


    I hope I got it correctly. Check this:

    Feel free to clone this form by following this guide: How to clone an existing form from a URL

    I've used CSS codes to align the message box. This what I've injected to this form.


    position: absolute;

    left: 360px;

    top: 0;



    height: 165px !important;

    max-height: 165px !important;

    min-height: 165px !important;


    If you'd like to modify this codes, follow this guide: How to Inject Custom CSS Codes

    Let us know if you need anything else. Thanks!