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.

Simple Styling Solution

  1. detroit
    Member

    I'm looking at one of these forms. There is no obvious way to move "fax" so that it utilizes the available space. It makes it look awful. Why is there no simple solution for problems such as thing. We just purchased several licenses and are feeling a bit bewildered.
    In short, what is a simple solution for putting two elements on one line or anything to fix the ugliness.

    ie:
    http://i50.tinypic.com/1zwkbus.png

    Posted 9 years ago on Monday October 8, 2012 | Permalink
  2. Please post a link to your form online so we can help you with the actual CSS.

    You can use the CSS ready classes of gf_left_half and gf_right_half for those fields if you like. You can read about CSS ready classes which are included in Gravity Forms here:
    http://www.gravityhelp.com/css-ready-classes-for-gravity-forms/

    In your screenshot, you would give phone the CSS class of gf_left_half and fax the CSS class of gf_right_half. You can assign custom class names on the advanced tab of each field. You could do something similar for email and company name.

    Posted 9 years ago on Monday October 8, 2012 | Permalink
  3. Moved to the regular support forums from pre-purchase.

    Posted 9 years ago on Monday October 8, 2012 | Permalink