How to add hover effect (if possible)?

  • 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.

    Page URL: https://imgur.com/a/Or4kN
  • Support_Management Jotform Support
    Replied on October 15, 2017 at 4: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.

    How to add hover effect (if possible)? Image 1 Screenshot 30

    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

    How to add hover effect (if possible)? Image 2 Screenshot 41

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