Hover text is cut off on my website

  • Profile Image
    Zimmerman_John
    Asked on October 28, 2021 at 05: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

  • Profile Image
    BDAVID
    Answered on October 28, 2021 at 05: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?

  • Profile Image
    Zimmerman_John
    Answered on November 02, 2021 at 01:23 PM

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

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


  • Profile Image
    Ahmed_S
    Answered on November 02, 2021 at 04: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.png

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

  • Profile Image
    Zimmerman_John
    Answered on November 03, 2021 at 03:24 PM

    that did the trick, thank you!!!