How to move the input fields to left justified

  • bblackwood
    Asked on October 17, 2019 at 4:19 PM

    I can not get the ccs code to work to move the input fields 'Name' and Email to move to left justified. 

    Can someone please help me?


    Thank you!

  • VincentJay
    Replied on October 17, 2019 at 6:33 PM

    Hi,

    Please add this custom CSS code to your form: 

    label#label_23 {

        float: left;

        width: 150px !important;

        margin-left: 40%;

    }

    label#label_24 {

        float: left;

        width: 100px !important;

        margin-left: 25%;

    }

    To inject CSS code to your form, please follow this guide: 

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes


  • bblackwood
    Replied on October 18, 2019 at 4:50 PM
    Thank you for the information; however, the code did not work. I am wanting to move the input fields (the labels are already left justified.
    Thank you again,
    Brandy Blackwood
    Title Management Solutions LLC
    Ph: 850-460-5292
    [TMS logo4[2451] - email signature bigger]
    ATTENTION: This email may contain confidential and privileged material for the sole use of the intended recipient(s). Any review, use, distribution or disclosure by others is strictly prohibited. If you are not the intended recipient (or authorized to receive for the recipient), please contact the sender by reply email and delete all copies of this message
    ...
  • VincentJay
    Replied on October 18, 2019 at 5:00 PM

    Hi again,

    Just to confirm, please check my screenshot below. 

    1571432326ag456t21 Screenshot 10

    Do you want to move the input fields (name and email) to the orange arrow section or to the blue arrow section?

    We'll wait for your reply. Thank you.

  • bblackwood
    Replied on October 18, 2019 at 5:50 PM
    I need the fields I circled to be changed to left justified.
    [cid:image001.png@01D585CD.8C100E30]
    And leave the other fields where they are.
    Brandy Blackwood
    Title Management Solutions LLC
    Ph: 850-460-5292
    [TMS logo4[2451] - email signature bigger]
    ATTENTION: This email may contain confidential and privileged material for the sole use of the intended recipient(s). Any review, use, distribution or disclosure by others is strictly prohibited. If you are not the intended recipient (or authorized to receive for the recipient), please contact the sender by reply email and delete all copies of this message
    ...
  • Mike
    Replied on October 18, 2019 at 6:24 PM

    Unfortuantely, we cannot receive the email attachments. You may share screenshots via our support forum.

    If you would like to move the Name and Email labels to the right, you may add the next CSS:

    #id_23 {
    display: flex;
    justify-content: flex-end;
    }
    #label_23 {
    text-align: right;
    }
    #id_24 {
    display: flex;
    justify-content: flex-end;
    }
    #label_24 {
    text-align: right;
    }

    How to move the input fields to left justified Image 1 Screenshot 20

    If you are looking for something else, please provide us with more details.