What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Remove white 'ghosting' on form collapse heading

    Asked by JulieEquate 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.

    Page URL:
    http://form.jotform.me/form/42632712328451

    Screenshot
    heading create a form JotForm table
  • Profile Image
    JotForm Support

    Answered by BDAVID 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.