How to change the font size of the hover text?

  • KCHDA
    Asked on March 21, 2016 at 8:32 AM

    Hello,

    How do I edit the size of the font within a hover text bubble?

    Thanks,

    Lori

  • victor
    Replied on March 21, 2016 at 9:30 AM

    I am assuming you are referring to hint text that appears when you hover over the field. You can adjust the size of the text by injecting the CSS code:

    .form-description-content { 

        font-size: 20px !important; 

    }

    Please let us know if this helps.

  • KCHDA
    Replied on March 22, 2016 at 12:45 AM
    No, I am referring to HOVER text bubble which shows up beside a field. It is teeny tiny in font size and I cannot figure out how to edit it to make it more readable! It is like font size 2, if there is even such a thing!!
    ...
  • Kevin Support Team Lead
    Replied on March 22, 2016 at 1:16 AM

    You are referring to this hover text: 

    How to change the font size of the hover text?  Image 1 Screenshot 20

    So applying the CSS provided by Victor should allow you to increase the font size of the text, try to do it, let us know if it works as you need.

  • KCHDA
    Replied on March 22, 2016 at 10:45 AM
    I used the CSS, however, it changed the text below not the hover text. See my attachment showing the small writing size in the hover text.
    ...
  • Carina
    Replied on March 22, 2016 at 11:18 AM

    I cloned and inspected your form and you were missing a period . before the form-description-content:

    How to change the font size of the hover text?  Image 1 Screenshot 30

    You can clone the demo form:

    https://form.jotform.com/60814714534959 

    How to change the font size of the hover text?  Image 2 Screenshot 41

    Let us know if we can assist you further.