Left aligned labels showing on the top when published

  • Profile Image
    igloomortgage
    Asked on February 17, 2021 at 07:34 PM

    Can you take a look at this form please https://form.jotform.com/210457413935354.

    The section "Personal Monthly Expenditure" displays incorrectly. In design view I have all the labels left aligned but when I view the form, the labels are top aligned.

    How do I fix this please?

    How it looks in design view...

    1613608389_602db5c59b4ea_Left Align Desi

    How it looks when previewed...

    1613608418_602db5e2c9ddf_Left Align Prev

    Thank you

  • Profile Image
    Jessica_H
    Answered on February 18, 2021 at 12:20 AM

    Hi igloomortgage, thank you for reaching us.

    Kindly add the following CSS code into your form:

    input#input_1378, input#input_1379, input#input_1380, input#input_1381, input#input_1382, input#input_1383, input#input_1384, input#input_1387, input#input_1388, input#input_1389, input#input_1394, input#input_1395, input#input_1396, input#input_1397, input#input_1398, input#input_1399, input#input_1400, input#input_1401, input#input_1402, input#input_1403 { margin-left: 200px; margin-top: -30px; }

    Related guide: How to Inject Custom CSS Codes - Jotform

    Let us know how it goes.