-
matwivAsked on February 27, 2020 at 5:20 PM
Hello, I was wondering how I can center align the form elements. If there is CSS, can you please provide. Thank you
-
VincentJayReplied on February 27, 2020 at 10:01 PM
We can give you a custom CSS code to center the form elements. Please provide the form link so we can assist you properly. Is this the correct form?
https://www.jotform.com/83355764915265
We'll wait for your response.
-
VincentJayReplied on February 27, 2020 at 10:01 PM
We can give you a custom CSS code to center the form elements. Please provide the form link so we can assist you properly. Is this the correct form?
https://www.jotform.com/83355764915265
We'll wait for your response.
-
matwivReplied on February 28, 2020 at 10:46 AM
Yes this is the correct form, Thank you for the quick response. Please advise -
-
David JotForm Support ManagerReplied on February 28, 2020 at 1:41 PM
Hi, please try injecting the following CSS code in your form(remove the code you have in there first): https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
.form-label.form-label-auto {
display: block;
float: none;
width: 100%;
}
[data-type="control_dropdown"] .form-input, [data-type="control_dropdown"] .form-input-wide {
width: 100%;
margin: auto !important;
text-align: center;
}
.form-line .form-label.form-label-top.form-label-auto {
text-align: center !important;
}
#cid_22 > div{
text-align: center !important;
}
#cid_23 > div{
text-align: center !important;
}
#cid_24 > div{
text-align: center !important;
}
#cid_16 > div{
text-align: center !important;
}
#cid_18 > div{
text-align: center !important;
}
#cid_19 > div{
text-align: center !important;
}
See the result in my clone version where conditions are disabled to display all fields: https://form.jotform.com/200585237745964
Let us know if you need more help.
-
matwivReplied on March 3, 2020 at 3:51 PM
Thank you very much :)