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

Gravity Support Forums » Plugin Support » Gravity Forms

  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 11 years ago on Monday October 8, 2012 | Permalink

  2. Chris Hajer
    Key Master

    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 11 years ago on Monday October 8, 2012 | Permalink

  3. Chris Hajer
    Key Master

    Moved to the regular support forums from pre-purchase.

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