Change hint text's position and size on the form

Hi,

I want to show hint text that I set in the question settings, instead of showing while hovering I want it to be shown under the question with a smaller font. I showed the examples in photographs.



------------------------------------------

Hi cizgireklamarastirma,

Thanks for reaching out to Jotform Support. I understand the issue, but I’ll need a bit of time to work out a solution. I’ll get back to you shortly.

Thanks for your patience, we appreciate it.

Hi cizgireklamarastirma,

We can change the hover text placement and size on your form using CSS. You can inject the CSS code to your form. It is easy. Let me show you how:

1. In Form Builder, click the Form Designer (blue paintbrush icon).
2. Tap Styles and then scroll down and look for the Inject Custom CSS text area.
3. Paste this CSS code to place the text below the label.

/*Adjust the hover size and placement- 16482211*/

.form-line {

 display: flex;

 flex-direction: column;

}

div.form-description {

right: 0px !important;

}

.form-line > .form-description{

  display: block !important;

  position: relative;

  max-width: unset;

  transform: unset;

  order: 0;

  background-color: unset;

  color: #9C0000;

  margin: -14px 0 14px 0;

}

.form-line > .form-input-wide {

 order: 1;

}

.form-line > label {

 order: -1;

}

/*ends here*/

You can check my cloned form as a reference.

Give it a try and let us know how it goes.