How to center the widget

Hi,

Can you guys help me find the css code for my Terms and Conditions widget, I got two forms that use it, just cant figure it out.

This is the form

https://form.jotform.co/92808217873870

Component id = id_380

Thanks!

https://form.jotform.co/92808217873870

https://form.jotform.co/92808217873870

https://form.jotform.co/92808217873870

Please add this to your form:

#id_380 {

text-align: center;

margin-left: 25% !important;

}

To add the custom CSS code to your form, please follow this guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

Result:

Thanks, this helps, only problem is that on mobile the label moves too much to the right because of the margin-left.

How can I target the mobile setup so it can be center properly?

Thanks.

To make it mobile responsive, please inject the custom CSS code below to your form:

@media screen and (max-width: 480px), screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape){
#id_380 {
    text-align: center;
    margin-left: 10% !important;
}}

Guide: How-to-Inject-Custom-CSS-Codes

Please give it a try and let us know how it goes.

Thanks a lot!