-
FriasTMAsked on December 18, 2017 at 6:41 PM
In the address section of our form, the boxes are stacked on top of each other and not displaying correctly.
This is the standard Address widget built into Jotform.
See screenshot and please advise on how to fix this without losing all of my other customer's data. -
djolerReplied on December 18, 2017 at 7:26 PM
Hi,
Try to put this code into custom CSS:
div.jfField[data-type="address_line_1"]{
-webkit-box-flex: 0;
flex: 0 0 50%;
margin-top: 1.5em;
}
div.jfField[data-type="address_line_2"]{
-webkit-box-flex: 0;
flex: 0 0 50%;
margin-top: 1.5em;
}
Here, you can check how to inject custom CSS code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
I hope to hear good news, from you!
-
David JotForm Support ManagerReplied on December 18, 2017 at 9:11 PM
@FriasTM, we apologize for the inconvenience, I have checked your form, and the issue reproduces only on the custom URL, example:
Your custom URL: https://form.jotform.us/FriasTM/long-hauling-suspicion-form
VS
Form's direct default link: http://www.jotform.us/form/72295302191149
Even though the code provided by @djoler would solve the problem, unfortunately, CSS injection is not available for forms with the "Single Questions in One page" layout:
I have forwarded this issue to our back-end team. You will be notified via this thread when the issue gets fixed.
-
David JotForm Support ManagerReplied on December 18, 2017 at 9:14 PM
Meanwhile, can you please try the following:
1) Reset your custom URl:
2) Clear your forms cache: https://www.jotform.com/help/229-How-to-Clear-Your-Form-Cache
3) Create your custom URL again: https://www.jotform.com/help/261-How-to-Create-a-Custom-URL-of-a-Form
Let us know if that solves the issue.
-
Scott JotForm DeveloperReplied on December 19, 2017 at 7:16 AM
Hey everyone,
This styling issue was fixed before and like David said it was due to cached styles.
Thank you for contacting us FriasTM, let us know if you ever need anything else.
Cheers!