How to change position of Hover Text on Date Field that is blocking the field.

  • yanaluae
    Asked on March 30, 2015 at 5:00 PM

    If hover text is added to a date field, the hover text overlaps the last portion of the field for entry. Is there any way to change the placement of where the hover text is shown?

  • jonathan
    Replied on March 30, 2015 at 5:57 PM

    I see what you meant when I test by adding the Hover Text on the form.

    How to change position of Hover Text on Date Field that is blocking the field Screenshot 40

     

    If you were referring to your jotform http://www.jotformpro.com/form/50856274425964 , you can change the position of the hover text using this CSS code.

    #id_9 .form-description {

      right: -130px !important;

    }

    The #id_9 was specific to that Date field on the form. If you want all Hover text to have same position, you can omit the field ID#  like this...

    .form-description {

      right: -130px !important;

    }

    You can add the CSS code using the Form Designer

    How to change position of Hover Text on Date Field that is blocking the field Screenshot 51

     

    The fixed version with the CSS code look like this

    How to change position of Hover Text on Date Field that is blocking the field Screenshot 62

     

    Let us know if you need further assistance.

    Thanks.

     

     

     

     

     

     

  • yanaluae
    Replied on March 31, 2015 at 12:58 PM

    Pefect - Thank you!

  • Ben
    Replied on March 31, 2015 at 1:49 PM

    In my colleague's name you are welcome.

    Do let us know if you have any further questions and we would be happy to assist.