-
npapadminAsked on April 3, 2019 at 3:35 PM
Why are the heading titles not left aligned though they are formatted as left-aligned?
The first paragraph heading Name is yet the following two paragraph headings Address and E-mail under are not?
Name: IS left aligned
Address: NOT
E-mail: NOT
-
Alan_DReplied on April 3, 2019 at 5:27 PM
This is about field label's text indent which is set up 15px as a default. To align the labels, please inject this code into your CSS form.
ul.form-section.page-section li:nth-child(n+4):nth-child(-n+5) label, ul.form-section.page-section li:nth-child(n+8):nth-child(-n+9) label {
text-indent : 0px !important;
}
How to Inject Custom CSS Codes -
npapadminReplied on April 3, 2019 at 7:19 PM
I inserted the CSS and that did not do the trick!
-
jherwinReplied on April 3, 2019 at 8:17 PM
Please inject this custom CSS code to your form:
label#label_22 {
margin-left: -16px!important;
}
label#label_20 {
margin-left: -16px!important;
}Guide: How-to-Inject-Custom-CSS-Codes
Please give it a try and let us know how it goes.
-
npapadminReplied on April 3, 2019 at 8:40 PM
Hi I inserted that code now. It did not align left. I deleted the code the first person replied with before you and still nothing.
Here is the form: https://www.jotform.com/build/63506624432149
-
jherwinReplied on April 3, 2019 at 8:52 PM
Can you please check again?
If it's still not aligned, simply change the value (-33px) to the CSS code.
-
jherwinReplied on April 3, 2019 at 8:53 PM
Actually, the labels are aligned when the form is published, please check the form in preview or published mode.
Click this URL: https://form.jotform.com/63506624432149