-
cpohtsAsked on May 28, 2019 at 6:57 AM
I have a few new hire forms I've created on my account which I've used for years. The fields now appear off alignment (I havne't changed anything since creating the forms years ago). Why do the single selection fields now appear incorrectly and how do I fix this?
Page URL: https://form.jotform.com/60555473410148 -
Kiran Support Team LeadReplied on May 28, 2019 at 9:43 AM
It seems that there is an update made to the template or the CSS theme applied to the template.
Please try injecting the following CSS code to the form and the radio button fields should be displaying on the form 60555473410148.
#cid_32, cid_35 {
display: flex;
}
Thanks!
-
cpohtsReplied on May 28, 2019 at 10:11 AM
Forgive me, but does it matter where I enter this code?
-
cpohtsReplied on May 28, 2019 at 10:21 AM
I entered the code, but it didn't correct all the fields.
-
VincentJayReplied on May 28, 2019 at 10:54 AM
I cloned your form and I was able to replicate the issue. I can see that this is happening on all single choice fields (radio button).
Please try to inject this custom CSS codes in order to fix the issue.
.form-radio-item, .form-checkbox-item {
float: none;
}If you would like to learn more about injecting custom CSS codes, you will find this link very helpful: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
After applying this custom CSS codes, you should see that the radio buttons are now properly aligned.
I hope this helps. Thank you!