Hover text is cut off on my website

  • Zimmerman_John
    Asked on October 28, 2021 at 5:28 PM

    I have another question for you: I added hover text to a field, but when we embed on our website, it is cutoff (see screenshot). Without having to change the layout of the page we're embedding, is there some CSS that can be added to change the position of this text, to above, below, or left?


    1635447447 617af297c55a8 Screen Shot 202 Screenshot 10

  • David JotForm Support Manager
    Replied on October 28, 2021 at 5:34 PM

    I assume that you are referring to this site: https://undivided.io/about-us

    I only found this form in the about us page. Could you provide us the URL of the exact page, so we can check further?

  • Zimmerman_John
    Replied on November 2, 2021 at 1:23 PM

    It's here: join.undivided.io/self-determination/

    I hidden bc it's cutoff but with temporarily show it


  • Ahmed_S
    Replied on November 2, 2021 at 4:24 PM

    Greetings,

    Please append the below CSS code to the CSS currently injected into your form.

    How to Inject Custom CSS Codes

    .form-description{
    
 left: -200px !important;
    
 top:100px !important;
    
}

    This CSS will reposition the hover text to be as the following screenshot.

    1635884616 61819e48f2e9a 1 Screenshot 10

    Please let us know if you need further assistance, we are happy to help.

  • Zimmerman_John
    Replied on November 3, 2021 at 3:24 PM

    that did the trick, thank you!!!