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.

Radio buttons and Submit button style

  1. Hi,

    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?

    Also, how can I easily style the submit button?

    http://valleyviewwinery.com/our-wines/order-wines/

    Thanks!

    Posted 13 years ago on Monday November 8, 2010 | Permalink
  2. 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.

    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.

    http://www.gravityhelp.com/css-ready-classes-for-gravity-forms/

    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.

    You can target the button with some simple CSS inheritance this way.

    body .gform_wrapper .gform_footer input.button {background:red}

    if you want it to apply to just one specific form, you can use the ID like this

    body #gform_wrapper_8 .gform_footer input.button {background:red}

    Posted 13 years ago on Monday November 8, 2010 | Permalink