How to move the input fields to left justified

  • Profile Image
    bblackwood
    Asked on October 17, 2019 at 04: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!

  • Profile Image
    VincentJay
    Answered on October 17, 2019 at 06: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


  • Profile Image
    bblackwood
    Answered on October 18, 2019 at 04: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
    ...
  • Profile Image
    VincentJay
    Answered on October 18, 2019 at 05:00 PM

    Hi again,

    Just to confirm, please check my screenshot below. 

    1571432326ag456t21.png

    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.

  • Profile Image
    bblackwood
    Answered on October 18, 2019 at 05: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
    ...
  • Profile Image
    Mike
    Answered on October 18, 2019 at 06: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;
    }

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