Adjust hover text clipped on right hand side of display window

  • Profile Image
    glandoreghyc
    Asked on December 04, 2015 at 07:30 AM

    Hello,

     

    One of my forms, which has CSS supplied by your support group, has a situation when the hover text on a filed is clipped on the right hand side of display window. See image.

    This Form has had CSS added to overcome an issue with the same field which was being clipped in Responsive situations, and this is still working fine, my issue now is on full display desktops

     

    to vie on line use below

    http://www.reenoserve.com/GHYC/forms/

    Thanks

  • Profile Image
    Charlie
    Answered on December 04, 2015 at 09:43 AM

    Please try adding this custom CSS code:

    #id_19 > div.form-description {

        right: 100px !important;

        top: -10px !important;

    }

     

    I would also advise getting a fresh copy of your iframe embed code: http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code 

    Let us know if that works.

  • Profile Image
    glandoreghyc
    Answered on December 04, 2015 at 12:08 PM

    OK, I have implemented your suggestion thanks, it was fine on Desktops but not that good on Smart Phone etc as the Hover Text covered the field itself, so i chnged the right 100px to 50px and that seems to be better, thank you.

     

    John

  • Profile Image
    Charlie
    Answered on December 04, 2015 at 12:46 PM

    Glad to hear that it somehow helped you :)

    Should you need any assistance again, please feel free to visit us again here in the forum.

    Thank you.

  • Profile Image
    glandoreghyc
    Answered on December 04, 2015 at 01:55 PM

    Charlie,

     

    Your help was great, i do not understand CSS, but when you suggested the code fix i made an educated guess.

     

    Thx

     

    John

  • Profile Image
    Charlie
    Answered on December 04, 2015 at 02:26 PM

    Thank you for the kind words. It's my please to help :)

    If you needed anything, just visit us here in the forum.

    Cheers!