Move hover text to uncover the time fields

  • Profile Image
    Asked on August 20, 2015 at 05:08 PM


    We would like to have hover text over a date selection question that instructs people regarding the dates available for them to choose.  We would also like to have the date selection include a time selection.  Unfortunately, when we add the hover text, the hover text covers the time selection when a user is filling out the form.  They can still tab through, but it makes it difficult for them to see what times they are doing/selecting.  The placement of the hover text only seems to take into account the date fields -- is there any way to get it to move over further when there are time fields as well.

    Thank you,


  • Profile Image
    Answered on August 20, 2015 at 08:39 PM

    Hello Kali,

    Did you remove the hover text on the calendar fields on your form? I can't seem to see it as of this writing. I suggest to put it back and inform us here so we can provide to you the CSS codes needed to move it slightly to the right. Yes, it can be resolve by injecting custom CSS codes to your form

    We'll await your reply.

  • Profile Image
    Answered on August 21, 2015 at 03:13 PM


    Thank you so much for your reply!  Yes, I had removed the hover text, since a couple of our users were getting frustrated with it while trying to fill it out, but I have now added it back in and  I am ready for the CSS codes!  I also have another survey with the same issue, so I will want to include them in both.

    Thanks again,



  • Profile Image
    Answered on August 21, 2015 at 04:11 PM

    Adding this code to your form should allow for the hint text to moved further to the right:

    .form-line.jf-required.allowTime {
        width : 750px;

    Here is my test form with the code added:

    If you have any further questions, let us know and we will be happy to help.