Disabling hover effect

  • Profile Image
    SydneyHOG
    Asked on September 28, 2017 at 12:50 PM

    How do I stop the hover effect making the words disappear on my form by going dark like the background? 

    Also, if someone misses a required field, the entire 'tickets' area on my form goes dark.

    Thanks.

  • Profile Image
    Mike_G
    Answered on September 28, 2017 at 02:18 PM

    To fix the issues you described above, please add the CSS code below to your form:

    .hover-product-item:hover {

       background: none !important;

       color: #fff !important;

    }

    .form-line-error, li#id_4 label, li#id_4 span, li#id_4 th {

       color: #fff !important;

    }

    How-to-Inject-Custom-CSS-Codes

  • Profile Image
    Mike_G
    Answered on September 28, 2017 at 02:20 PM

    Just to add, I noticed that the selected value of the "How many" (quantity) drop-down on the payment field isn't showing. if you want to fix that, you can also add the following CSS code below:

    .form-dropdown {

        color: #000 !important;

    }

  • Profile Image
    SydneyHOG
    Answered on September 28, 2017 at 08:14 PM

    Awesome!

    Thanks for your quick response. It worked perfectly.

    Dom.