How to add hover effect (if possible)?

  • Profile Image
    uropasite
    Asked on October 15, 2017 at 11:49 AM

    I am trying to add the hover effect on a form (once I build it), as seen in the Imgur link example. Each section of the form has a different "description" or instructions hover box, would like the same if possible.

    See example here.

    Thanks in advance.

  • Profile Image
    Jim_R
    Answered on October 15, 2017 at 04:22 PM

    I think this is achievable but requires advanced CSS knowledge. The idea is to:

    1. Set the HOVER TEXT for each field that you want to have a hover effect.

    2. Then use CSS to customize the appearance of the hover text. Here's a simpler version that closely matches the one on your screenshot:

    .form-description {

      background: #DDEFEF !important;

      border: none !important;

      border-radius: 0 !important;

      box-shadow: none !important;

    }

    .form-description-arrow, .form-description-arrow-small {

      display: none !important;

    }

    Result: https://www.jotform.com/72876080943970

    Complete guide: How-to-Inject-Custom-CSS-Codes