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.

Thesis Field Label Wrap Down to Second Line

  1. blafarmm
    Member

    I have a GF form that displays perfectly in "Preview" mode -- with the "Field Labels" displayed correctly on one single line.

    However, when I embed that form using my Thesis theme -- the "Field Labels" wrap down to a second line -- which wastes vertical space and looks unprofessional.

    Is there a simple way to expand the "Field Label" width for GF forms embedded in Thesis to prevent this wrap down from happening?

    Thanks very much.

    Posted 8 years ago on Wednesday July 7, 2010 | Permalink
  2. I would need to see your form to help you on this. Can you post a URL please?

    Posted 8 years ago on Thursday July 8, 2010 | Permalink
  3. blafarmm
    Member

    Would it be ok to email you the URL?

    Posted 8 years ago on Thursday July 8, 2010 | Permalink
  4. Sure you can send it to kevin @ rocketgenius .com

    Posted 8 years ago on Thursday July 8, 2010 | Permalink
  5. blafarmm
    Member

    Thank you Kevin. I'll send it right now.

    Posted 8 years ago on Thursday July 8, 2010 | Permalink
  6. The label wrapping would be normal in this situation with lengthy labels. When using the left-algined or right-aligned label settings for the form, the labels are constrained to 32% width so all of the fields will be justified on the left. When you have lengthy field labels, the default “top label” option is usually the best choice.

    That said, since your page doesn’t have a sidebar, you can increase the maximum width value of the containing div, thus increasing the size allowed for the labels.

    Try adding this to the end of your theme stylesheet.

    .gform_wrapper {max-width:960px}

    Also, you mentioned differences in the form preview and the live site. The form preview just uses the default Gravity Forms styles to and primarily exists so you can test the functionality of the form before adding it to your site. It doesn’t include any of your theme styles so it’s not intended to be an exact visual representation of how the form will look in your page.

    Honestly, with all the differences in theme markup and CSS, there’s no way to accurately do this for every theme out there. The form will naturally inherit some properties from the theme so once you’ve added it, you can always tweak things via your custom.css file and get it just the way you want it.

    I hope that helps out.

    Posted 8 years ago on Thursday July 8, 2010 | Permalink