How to change the position of the Sub label of the question.

Hi,

I want to change the position of the sub label of the question, I want it to position below my question.

Thanks

Rey Galvez

Hello Rey,

I did check your form and found that the sub labels are being displayed below your question/textbox.

Do you actually want to display it above the textbox field? Please inject the following custom css code in form and see if this is what you wanted to achieve:

label.form-sub-label {

  margin-top: -39px;

}

input#input_30 {

  margin-top: 6px;

}

The following guide should help you on how to inject custom css code in form:  http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

Thank you!

Hi,

I want my sub label positioned below the question.

Thanks

Rey Galvez

Hello Rey,

I am sorry to say but I have not understood your requirement.

When you add a sub label, it is always below the question (form field) by default. The screenshot you have shared above also has the sub label positioned below the question.

I would suggest you to please explain your requirement a bit more in detail and we will surely help you. You may also like to share a screenshot on where exactly you want the sub label to be positioned. The following guide should help you how to upload image in forum post:  http://www.jotform.com/answers/277033 

We will wait for your response.

Thank you!

Hi,

Here is the screenshot of my form, as you can see the sub label is below the textbox box. I want it below my questions.

Thanks

Rey Galvez

Unfortunately, the image or screenshot you attached did not went through to your reply post. And I see that you are working on different form URLs but they are almost the same.

Could you share us the form you are working at and I can make a demo on how you can place the sublabel just below the "question" or field name instead.

I assume this is what you want:

If that is what you are looking for, you can follow the quick guide below on how to move it.

1. Open your Designer Tool->CSS tab. Double click the sub-label that you would like to move.

2. You'll see that it will show in your CSS textarea the class selector for it. Now you can use the CSS styling that I have to move or reposition it. Make sure to save the changes.

Do let us know if you need more assistance on this. You can also share the form and we can try to create a custom CSS code for it.

Thank you.