Why are the heading titles not left aligned though they are formatted as left-aligned?

  • Profile Image
    npapadmin
    Asked on April 03, 2019 at 03: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

  • Profile Image
    Alan_D
    Answered on April 03, 2019 at 05: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;
    }
    15543267241.png
    How to Inject Custom CSS Codes

  • Profile Image
    npapadmin
    Answered on April 03, 2019 at 07:19 PM

    I inserted the CSS and that did not do the trick!


  • Profile Image
    jherwin
    Answered on April 03, 2019 at 08: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.

  • Profile Image
    npapadmin
    Answered on April 03, 2019 at 08: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



  • Profile Image
    jherwin
    Answered on April 03, 2019 at 08:52 PM

    Can you please check again?
    1554339062adjust.png

    If it's still not aligned, simply change the value (-33px) to the CSS code.

  • Profile Image
    jherwin
    Answered on April 03, 2019 at 08: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