How can I make the form not cover the image of the theme?

  • mitchclemmer
    Asked on September 7, 2017 at 11:25 AM

    I see how to edit the color of the form within the theme, but I don't see how to move the entire form so that it doesn't cover the image/s in the theme.  How do I do this?

  • Jan
    Replied on September 7, 2017 at 12:38 PM

    Is this the form you're working to (https://www.jotform.us/form/72494133438156)?

    Please inject this custom CSS code to move the form to the right side:

    .form-all {
    margin-left: 50% !important;
    }

    Here's a guide on How-to-Inject-Custom-CSS-Codes. Here's the result:

    How can I make the form not cover the image of the theme? Image 1 Screenshot 20

    Hope that helps. Thank you.

  • mitchclemmer
    Replied on September 7, 2017 at 12:44 PM
    I've already done that on all my forms. It shows correctly when I'm
    editing. The top will show that my changes are saved. When I then go back
    out the main page and click on one of my forms and click view form, none of
    them show correctly.
    ...
  • David JotForm Support Manager
    Replied on September 7, 2017 at 1:53 PM

    Please inject the following CSS code to make it transparent: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    .form-all{

        background: transparent !important;

    }