https://legacy.forums.gravityhelp.com/topic/styling-forms-side-by-side-fields Gravity Support Forums Topic: Styling forms - Side by side fields en-US Sun, 19 Apr 2026 18:18:11 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/styling-forms-side-by-side-fields#post-316288 Mon, 10 Jun 2013 22:54:28 +0000 rd458 316288@https://legacy.forums.gravityhelp.com/ <p>That's perfect. Thank you. </p> https://legacy.forums.gravityhelp.com/topic/styling-forms-side-by-side-fields#post-316245 Mon, 10 Jun 2013 22:27:25 +0000 David Peralty 316245@https://legacy.forums.gravityhelp.com/ <p>Check out our CSS ready classes: <a href="http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes" rel="nofollow">http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes</a></p> <p>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. </p> https://legacy.forums.gravityhelp.com/topic/styling-forms-side-by-side-fields#post-315924 Mon, 10 Jun 2013 18:34:37 +0000 rd458 315924@https://legacy.forums.gravityhelp.com/ <p>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.</p> <p>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?</p> <p>2. I'd like to break up sections of fields by enclosing them in a box. For instance:<br /> 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?</p> <p>Thank you. </p>