Can I adjust the size and location of my hover text for a specific question?

  • lexingtonwebmaster
    Asked on July 25, 2024 at 10:05 AM

    I know it's possible to adjust the position of the hover text box, but how do I determine what code to inject relative to the position I want it in?


    Also, can I adjust the size of the text in the hover text box? It seems small.


    Thank you!

  • Kris Ann JotForm Support
    Replied on July 25, 2024 at 10:49 AM

    Hi lexingtonwebmaster,

    Thanks for reaching out to Jotform Support. You will need to target the element with CSS, and then move it using the top/left attributes. As for the font size, it can also be updated. If you can share with us specifically what you wish to achieve. What field or element you wanted to adjust so we can assist you further. You send us a screenshot of the field. This guide will show you how to do that.

    Once we hear back from you, we'll be able to help you with this.

  • lexingtonwebmaster
    Replied on July 25, 2024 at 12:41 PM

    Hi Kris Ann,


    Thank you.


    I would like the hover text box to be featured more immediately adjacent to the spotlighted question. I think ideally, the size of the text in the hover box is only slightly smaller than the size of the text in the question. I'm not sure what px size either of them are at the moment.

    Can I adjust the size and location of my hover text for a specific question? Image 1 Screenshot 20

  • Kris Ann JotForm Support
    Replied on July 25, 2024 at 1:25 PM

    Hi lexingtonwebmaster,

    To meet your requirement, you will need to Inject the Custom CSS Code that I will provide below. Let me show you how:

    1. Copy the Custom CSS Code:

    #id_28 > .form-description{
      transform: translateY(+10%);
       right: 70px;
    }

    2 In Form Builder, click on the Paint Roller Icon to open the Form Designer.

    3. Click on the Styles tab, scroll down and paste the code into the Inject Custom CSS box.

    Can I adjust the size and location of my hover text for a specific question? Image 1 Screenshot 30

    Check out the screencast below to see my results:

    Can I adjust the size and location of my hover text for a specific question? Image 2 Screenshot 41

    Give it a try and let us know if you need any other help.

Your Answer