I cant get Hover Info in the same place consistently...

Hi Jotform - again :-)

My hover info is fine on the text inputs but on the dropdowns it it wont stay on the correct level.

Please look att the attached screen shots.

Any help you could give would be spectacular.

Also on the dropdown menu in FF I cannot see the text as it is set to white, but on chrome and safari it seems to be fine.

Hi,

Can you please try adding this CSS code to the current existing in your jotform http://www.jotformpro.com/form/42616053842957

.form-description {

left: 230px !important;

top: -78px !important;

}

User guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

I test the CSS code on a demo jotform http://www.jotform.me/form/42628432256455 

and it look like this

Hope this help. Inform us if you need further assistance.

Thanks.

unfortunately while it works on page one, if you scroll to the last page the hover info becomes unalligned where it previously was not. if you look at the first image, it used to be correct

Thank you, for your input, do you have any other thoughts on this?

Thanks!

Sorry I did not noticed the conflict with the Textbox field hover text previously.

To correct this, let us then use the specific ID# of the field so that the CSS code will not affect the other field that uses the same class.

Remove the CSS code we used previously. Use this CSS code instead. 

#id_57 .form-description {

left: 230px !important;

top: -78px !important;

}

If you notice #id_57 is the 1st Dropdown list... Using the new CSS code will affect only that dropdown field. You can see this update on my demo jotform http://www.jotform.me/form/42628432256455

Inform us if you need further assistance.

Thanks.

--

I create a separate post for your next question here http://www.jotform.com/answers/432034

we will attend to it separately.