Form Builder: Centering the Button Radios Widget

Hi, I need to center the Button Radios Widget on the second page of this form: https://form.jotform.com/241166521774659

There's a centered Button Checkboxes Widget to compare.

I can't find where to apply CSS: margin: 0 auto; display: block;

Thank you!

Hi Chantelle,

Thanks for reaching out to Jotform Support. I understand you'd like to have the first Button Radios widget to have the same format as others. We can do this by modifying the width of the ".wrapperButtonRadio" to 600px, and setting the Align properties to Center. Let me show you how to do that:

1. In Form Builder, click on the Button Radios widget and on its Wand icon.
2. Next, under the Custom CSS tab, find ".wrapperButtonRadio" and change its Width attribute to 600.
3. Next, click on the widget's Gear icon and set the Align option to Center and that's it.
   

Feel free to test this cloned demo form or clone it to your account to inspect it further. We also have a guide on How to Inject CSS Codes to Widgets that you can check out.

Give it a try and let us know if you need any help.

Thank you very much! It worked!