How to change the hover text background?

  • Profile Image
    eltibro
    Asked on July 25, 2018 at 11:40 AM

    Hello Jotform Team!


    I don't find any possibility (even in advanced design) to change the color of the hover text background. Now it's gray, kindda invisible... I rather would choose yellow for instance. Any suggestions?


    Thanks

    Tibor

  • Profile Image
    DonaldHag
    Answered on July 25, 2018 at 12:45 PM

    To get this done, inject custom CSS into your form.

    Inject the following CSS and change the colour values starting with # like #ccc

    .form-description {

        border: 4px solid #ccc;

        box-shadow: 0px 2px 4px #666;

        background: #f5f5f5;

    }

    border - changes the borders color #ccc

    box-shadow - Changes the shadow shown on the box #666

    background - changes the background color of widget #f5f5f5

  • Profile Image
    Tibor
    Answered on August 07, 2018 at 05:19 AM

    Hello Donald,


    Thanks for the tip (Hoover text background color).

    I have one more question related to Hoover text: how can I change the text (font size)? To improve the readability?


    Thanks

    Regards

    Tibor

  • Profile Image
    AshtonP
    Answered on August 07, 2018 at 08:35 AM

    You need to inject additional CSS code to you from shown below. Please add this code without removing the previous one.

    .form-description-content {

        font-size: 15px;

    }

    Font size is 15px, you can increase the size, if required. Refer to the article inject custom CSS into your form.

    Let us know if you have further