How to change the font size of the hover text?

  • Profile Image
    KCHDA
    Asked on March 21, 2016 at 08:32 AM

    Hello,

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

    Thanks,

    Lori

  • Profile Image
    victor
    Answered on March 21, 2016 at 09: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.

  • Profile Image
    KCHDA
    Answered 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!!
    ...
  • Profile Image
    Kevin_G
    Answered on March 22, 2016 at 01:16 AM

    You are referring to this hover text: 

    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.

  • Profile Image
    KCHDA
    Answered 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.
    ...
  • Profile Image
    Carina
    Answered 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:

    You can clone the demo form:

    https://form.jotform.com/60814714534959 

    Let us know if we can assist you further.