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.

Field text alignment

  1. Hi I've just started using Gravity Forms. I notice on the preview the text displays fine but on my website both paragraph and single line of text fields - come out all bunched up - which looks odd and hard to read. Can you suggest how to rectify this? Thanks

    http://www.makingmoves.net/breakthrough-questions/

    Claire Schrader

    Posted 12 years ago on Tuesday November 27, 2012 | Permalink
  2. Richard Vav
    Administrator

    On line 541 of your themes styles.css you have the following code which is restricting the width of the field label to 100px.

    .gform_wrapper .top_label .gfield_label { display:block; padding-right:20px; width: 100px; margin: 5px 0px 4px !important; }

    It should be corrected by adding something like this
    .gform_wrapper .top_label .gfield_label {width: 100%;}

    Posted 12 years ago on Tuesday November 27, 2012 | Permalink
  3. David Peralty

    This is what is causing the text to be crammed into 100px of space:

    .gform_wrapper .top_label .gfield_label {
    display: block;
    padding-right: 20px;
    width: 100px;

    It is in your style.css file. If I remove the width call, then the text goes wider.

    Posted 12 years ago on Tuesday November 27, 2012 | Permalink
  4. Thanks so much. Much appreciated.

    Claire

    Posted 12 years ago on Wednesday November 28, 2012 | Permalink
  5. Thanks Claire.

    Posted 12 years ago on Saturday December 1, 2012 | Permalink

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