https://legacy.forums.gravityhelp.com/topic/radio-buttons-and-submit-button-style Gravity Support Forums Topic: Radio buttons and Submit button style en-US Sun, 19 Apr 2026 22:05:06 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/radio-buttons-and-submit-button-style#post-12274 Mon, 08 Nov 2010 09:51:53 +0000 Kevin Flahaut 12274@https://legacy.forums.gravityhelp.com/ <p>Sure. Go to your "credit card type" field in the form editor, click on it then find the "CSS class name" field under the advanced tab. You can enter "gf_3_col" in the field then save the form. That should format your list into 3 equally spaced columns.</p> <p>If you want to try the 1.5 beta version of the forms, there are other new "ready classes" that you can apply to do some advanced formatting.</p> <p><a href="http://www.gravityhelp.com/css-ready-classes-for-gravity-forms/" rel="nofollow">http://www.gravityhelp.com/css-ready-classes-for-gravity-forms/</a></p> <p>Now, a caveat. I see that you're using a Woo Theme and they've overwritten some of the default form styles - notably forcing all of the labels into a left label style layout. I see a couple of your checkboxes are aligned to the left under the main label which they wouldn't be if you were using the default, built-in "left label" form setting. If you have other styling issues related to that, you'll need to contact their support team to find out how to disable the overriding styles.</p> <p>You can target the button with some simple CSS inheritance this way.</p> <p><code>body .gform_wrapper .gform_footer input.button {background:red}</code></p> <p>if you want it to apply to just one specific form, you can use the ID like this </p> <p><code>body #gform_wrapper_8 .gform_footer input.button {background:red}</code> </p> https://legacy.forums.gravityhelp.com/topic/radio-buttons-and-submit-button-style#post-12258 Mon, 08 Nov 2010 02:46:37 +0000 Wisnovsky 12258@https://legacy.forums.gravityhelp.com/ <p>Hi, </p> <p>I'd like to know if there is a way to have the radio buttons align either vertically or horizontally across in a row or column and not displaced?</p> <p>Also, how can I easily style the submit button?</p> <p><a href="http://valleyviewwinery.com/our-wines/order-wines/" rel="nofollow">http://valleyviewwinery.com/our-wines/order-wines/</a></p> <p>Thanks! </p>