Hover text is hiding a question

  • Profile Image
    iMatter
    Asked on October 14, 2015 at 07:26 AM

    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.

  • Profile Image
    victor
    Answered on October 14, 2015 at 11:58 AM

    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

  • Profile Image
    KevinGarcia
    Answered on October 14, 2015 at 11:58 AM

    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.

     

     

  • Profile Image
    iMatter
    Answered on October 14, 2015 at 12:31 PM

    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.

  • Profile Image
    victor
    Answered on October 14, 2015 at 01:56 PM

    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