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

    Is there any way to remove the background of the header?

    Asked by salamone on August 11, 2016 at 05:14 PM

    GB Wine Order Form

    salamone@vip.net

     

    On the heading of this form, I inserted a logo.  However, this logo blots out the background.  Is there any way to remove the background completely or ensure that the logo does not cover up the background?

    heading order form
  • Profile Image
    JotForm Support

    Answered by Welvin on August 11, 2016 at 07:58 PM

    Your logo has a white background. You may consider removing that if you wish to keep the background color of the header. 

    If you wish to remove the header background instead, you can inject the following custom CSS codes:

    .form-header-group {

        background: transparent;

    }

    Follow the steps here to inject: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

  • Profile Image
    JotForm Support

    Answered by Welvin on August 11, 2016 at 08:02 PM

    Or, you can also move the header image to the right side to show up the background color on the left. You can inject the following custom CSS codes to do so:

    .form-header-group {

        padding: 24px 0px 24px 36px !important;

    }

    The result is like this:

  • Profile Image

    Answered by salamone on August 12, 2016 at 12:29 PM

    For the first option, do I completely replace what is already in the CSS box or do I just add this code?

  • Profile Image
    JotForm Support

    Answered by Welvin on August 12, 2016 at 01:37 PM

    You just need to add the codes to the bottom.