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

    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 11 years ago on Monday June 10, 2013 | Permalink
  2. David Peralty

    Check out our 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 11 years ago on Tuesday June 11, 2013 | Permalink
  3. rd458

    That's perfect. Thank you.

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

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