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

  • Profile Image
    salamone
    Asked 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?

  • Profile Image
    Welvin
    Answered 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
    Welvin
    Answered 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
    salamone
    Answered 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
    Welvin
    Answered on August 12, 2016 at 01:37 PM

    You just need to add the codes to the bottom.