Remove white 'ghosting' on form collapse heading

  • Profile Image
    JulieEquate
    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: http://form.jotform.me/form/42632712328451

    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
    BDAVID
    Answered on September 21, 2014 at 12:39 PM

    Please see this guide "http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes" 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.