This keeps showing on form - 'This label will not be seen on the form.'

  • brianatbad
    Asked on December 18, 2017 at 5:34 PM

    For some reason when I embedd the source code on my wordpress site, this hover text keeps popping up -- how do I prevent it?


    It does NOT show when I view the form directly...it only happens with the embedded source on my website.


    See links and screenshot below. Thanks!



    Source Code Embedded on: https://www.breakadifference.org/houstonskills/

    Direct Jotform Link: https://form.jotform.com/73444011711141


    1513636022Capture Screenshot 10

  • djoler
    Replied on December 18, 2017 at 6:12 PM

    Hello, 

    That's an hover effect,and it has also :after selector, with content that has this text inside: "This label will not be seen on the form".

    So,try to put this code , below, you should overate value; opacity: 0.8;

    .form-label:hover:after{

         opacity:0;

    }

    It will be there but not visible.  

    Good luck!


     
  • John_Benson
    Replied on December 18, 2017 at 8:35 PM

    Thank you for your help @djoler

    You can also try this custom CSS code and add it to your form:

    .form-label:after {

    display: none !important

    }

    Here's a guide on how to inject custom CSS code to your form: 

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    I hope this helps. Contact us again if you need further assistance.

  • brianatbad
    Replied on December 19, 2017 at 1:22 PM

    Thank you both -- both codes worked!