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.

Styling forms - Side by side fields

  1. rd458
    Member

    I just bought Gravity Forms Developer. Sweet looking product so far. I'm looking to add some styling to my form and not sure how to go about doing it. I looked around in the forum but didn't really find an answer. I'm comfortable with CSS.

    1. I'd like to style two single-line text fields to be side-by-side. Currently they are stacked vertically. Can I just add some custom CSS to my custom CSS field of my WP theme, in order to make two consecutive fields appear next to each other?

    2. I'd like to break up sections of fields by enclosing them in a box. For instance:
    field 1, 2, and 3 would be enclosed in a simple border: 1px solid #000; box. Then have fields 4, 5, 6 and 7 in a separate box. How can I achieve this?

    Thank you.

    Posted 6 years ago on Monday June 10, 2013 | Permalink
  2. David Peralty
    Administrator

    Check out our CSS ready classes: http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes

    As for your boxes, check out the Section Breaks field, and then using CSS you could do whatever you like. You would add your custom CSS to your WordPress theme's style.css or custom.css.

    Posted 6 years ago on Tuesday June 11, 2013 | Permalink
  3. rd458
    Member

    That's perfect. Thank you.

    Posted 6 years ago on Tuesday June 11, 2013 | Permalink

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