Widgets alignment

How can align widgets to the right using CSS code ?

Hi,

Thank you for contacting us, I will get back to you in a moment with the custom CSS for the widget.

Thank you for your patience.

Hi again,

Thank you for your patience, here is the CSS that you can add under the widget properties, please see below:

.list-item{

text-align: right;

}

.after, .before{

left: 20em !important;

}

.items-left{

right: 30em;

}

This would need to go under the widget properties, please see below:



Please let us know if you require any further assistance.

Have an amazing day.

Hi Collin_S

Thanks for your time

There is a problem when I use my mobile or smart phones

the widget not appear like when I use PC

also the other widget(conditions and terms) not appear in the right when I use smart phone

Hi there,

I just checked your form on the mobile screen; following is how I see the widget:

If you're still facing issues at your end, please send us a screenshot of the issue. We'll check the issue and get back to you accordingly.

Thank you!

Now its look good because I delete the CSS code

but the problem appear if I put this code:

.list-item{

text-align: right;

}

.after, .before{

left: 20em !important;

}

.items-left{

right: 30em;

}

Hi @ Jeddah_Collage,

Thank you for contacting Jotform Support. We appreciate you reaching out.

Allow us more time to look into your query. We’ll get back once we reach a resolution.

Best regards,

Durand

Hi @ Jeddah_Collage,

Thank you for your patience.

I have a different option for you.

I do not think using CSS codes are necessary.

You have a conflict between the widget label and the widget body.

So I will provide you the steps to resolve that:

1-     In the Form Builder, please click on your Widget and select “Properties”

2-     Go to the Label Alignment option, in the Dropdown list,  please select “Top”

3-      To have the Widget list on the right, in the Align section, in the dropdown list, please select “Right”:

And your list will be on the right.  

Please contact us for any further information.

Best regards,

Durand