Hover text is hiding a question

The hover text associated with one of my fields pops up and blocks the field so the user can't actually input a response. I could change the field so the label is on the left instead of the top - and that would work - but isn't how I really want the field to look.

Hi,

You may move the hover text so your user will be able to view the field with:

/* Override default position and width for hover text box */

.form-description {

    max-width : 300px;

    top : 90px;

    left : 85px;

}

/* Override default position and orientation of outer arrow on hover text box */

.form-description-arrow {

    border-color:transparent transparent #CCC transparent; 

    left:7px; 

    top:-24px;

}

/* Override default position and orientation of inner arrow on hover text box */ 

.form-description-arrow-small { 

    border-color:transparent transparent #F5F5F5 transparent; 

    left:10px; 

    top:-14px;

}

As you can see this will place the text right underneath the field.

Please let us know if this helps.

Regards

Hi,

To solve this, please in the Designer paste this CSS code : 

.form-description {

    width : 150px;

    left : 180px;

    top : 25px;

}

I cloned your form and here is the link :

https://form.jotform.co/52865091953868

Please,contact if you need further assistance.

Regards.

Thank you - I used the first response above - and it worked. I added a min-width of 200 as well - as that formatted the hover box better.

Glad we were able to assist. If you have any more questions or issues, please do not hesitate contacting us. We will be glad to assist.

Regards