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

    Why isn't my center panel transparent when I view it in preview or on the web?

    Asked by lharriman on July 11, 2016 at 08:40 PM

    I am using a theme with a transparent center panel over a background image. It looks great when I'm in the builder, but when I view the form in preview or elsewhere, the frame becomes opaque. This image shows the effect I'm going for. Any help?

    Page URL:
    https://form.jotform.com/61907964818975

    preview OR in background image builder opaque
  • Profile Image
    JotForm Support

    Answered by Kiran on July 11, 2016 at 11:00 PM

    The issue is being caused by the form-section which is set to white background and overriding the the transparent setting on the form. Please inject the following CSS code to your JotForm to make the background transparent.

    .form-section {

        background: transparent !important; 

    }

    The form should be now displaying as it is displayed in the preview. Thank you!

  • Profile Image

    Answered by lharriman on July 12, 2016 at 08:47 AM

    Great, thanks. But now I'm having several problems with the mobile version: the background isn't fixed, the size is wrong, and the colored boxes don't align with the input fields. Can you help me with this?

  • Profile Image
    JotForm Support

    Answered by Welvin on July 12, 2016 at 11:11 AM

    I've fixed it for you by injecting the following custom CSS codes to your form:

    /* Full Name Field Override */

    #id_3 {

        width: 100%;

    }

    /* Checkbox/Radio Button override */

    .form-checkbox-item label, .form-radio-item label {

        white-space: normal;

    }

    /* Submit button stretch and center on mobile */

    @media only screen and (max-device-width: 768px) {

    .form-all .qq-upload-button, .form-all .form-submit-button, .form-all .form-submit-reset, .form-all .form-submit-print {

        width: 100%;

    }

    }

    Please check again and let us know if you need any further assistance.

  • Profile Image

    Answered by lharriman on July 12, 2016 at 01:01 PM

    That fixes everything but the background.

    I want the form to scroll but the background image to remain fixed. Can you help me with this?

    thanks,

    lucas 

  • Profile Image
    JotForm Support

    Answered by Kiran on July 12, 2016 at 01:08 PM

    Your other question is moved to a separate thread and shall be answered there shortly.

    https://www.jotform.com/answers/880819

    Thank you!