How to Change Sub-label position

  • rubyt
    Asked on August 28, 2015 at 3:30 AM

    Hi,

    Could you help me change the position of my sub-labels from below the text-box to above the text-box/below the question? Thanks!

    Ruby

  • beril JotForm UI Developer
    Replied on August 28, 2015 at 4:06 AM

    Hi friend,

    It is possible to change position of sub-label with CSS code on JotForm.

    Here is how to do this:

    1) Click on Setup & Embed.

    How to Change Sub label position Image 1 Screenshot 60

     

    2) Click on Preferences.

    How to Change Sub label position Image 2 Screenshot 71

     

    3) Click on Form Styles.

    How to Change Sub label position Image 3 Screenshot 82

     

    4) Copy & paste the code below to your Inject Custom CSS.

    How to Change Sub label position Image 4 Screenshot 93

     

    label.form-sub-label {position: absolute !important;top: -15px !important;}

     

    Here is how it works:

    How to Change Sub label position Image 5 Screenshot 104

     

    If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.

  • rubyt
    Replied on August 28, 2015 at 5:08 AM

    Perfect. Thank you!

  • rubyt
    Replied on August 28, 2015 at 11:20 PM

    Hi, 

    It doesn't seem to be working anymore after I cloned the form (http://www.jotform.com//?formID=52398535760464). Could you take a look for me please? 

    Thank you. 

    Ruby

  • beril JotForm UI Developer
    Replied on August 29, 2015 at 2:58 AM

    Hi,

    I’ve cloned the form for you. It works fine.

    If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.

  • rubyt
    Replied on August 29, 2015 at 11:34 PM

    Maybe there's some sort of miscommunication. 

    I would like "Please feel free..." to appear directly below "2. What for-good topics...", not below the input text field.

    For this form: http://form.jotform.me/form/52398535760464

    Thanks,

    Ruby

     

    How to Change Sub label position Image 1 Screenshot 20

  • BJoanna
    Replied on August 30, 2015 at 5:12 AM

    It seems that you have resolved your issue.

    I have inspected your form http://form.jotform.me/form/52398535760464 and sub-labels are placed directly below labels.

    How to Change Sub label position Image 1 Screenshot 20

    Feel free to contact us if you have any other questions.