PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Unable to set a two-column layout

  1. Hi!

    I'm building my feedback form over here:

    http://timokiander.mybizplatform.com/contact/

    However, I'm unable to have my First Name and Last Name fields to be on the same row.

    My First Name field has a CSS class gf_left_half while my Last Name field has class gf_right_half.

    Any ideas why I'm not able to have those two on a same row?

    Cheers,
    Timo

    Posted 12 years ago on Monday January 23, 2012 | Permalink
  2. Richard Vav
    Administrator

    It appears your themes style sheet is adding a 20 pixel left margin to all the li elements on the page which is making the two name fields when side by side wider than the form's body element.
    Adding something like this should allow both those fields to sit side by side.

    .gform_wrapper ul li {
    margin: 0 !important;
    }

    It will however apply it to all the fields, so they won't be indented compared with your 'contact me' page title, you could apply it to just the last name field by using this

    #field_1_2 {
    margin: 0 !important;
    }
    Posted 12 years ago on Monday January 23, 2012 | Permalink
  3. Thank you, it worked!

    Cheers,
    Timo

    Posted 12 years ago on Monday January 23, 2012 | Permalink

This topic has been resolved and has been closed to new replies.