Remove white 'ghosting' on form collapse heading

  • Profile Image
    Asked on September 21, 2014 at 07:43 AM

    I am trying to create a form where,


    There is no background.

    The form collapse bars are colored: #5079E4

    The form collapse bars have no hover effect.

    The text is white.


    I have seceeded in doing this but the heading on the form collapse bars look like they are underlaid with a copy of the text which is slighyly misaligned. This gives it a odd shaddow effect which I do not want. It can be seen on my form Here:

    This is the code I am currentley using.

    .form-collapse-table {background: #5079E4 !important; color: none !important;}
    body, .form-all{background:none !important;}
    body, html {background: none !important;}


    Any help is appreciated.

  • Profile Image
    Answered on September 21, 2014 at 12:39 PM

    Please see this guide "" to inject this CSS code in your jotform:

    .form-collapse-mid {

    text-shadow: none;


    This will make it look like this:

    Let us know if you need more help, we will be glad to assist you.