Styling Isn't Same between Preview and Builder

  • SANCsuzuki
    Asked on May 26, 2017 at 4:44 PM

    Hello, 

    I am running into a similar problem.  I've attached 2 file:  

    - The form in Edit Mode

    - The form in Preview Mode

     

    Issues: 

    - Background is green rather than grey in the preview

    - Type in fields line up nicely - but not in the preview

     

    What do I need to do to fix these issues?

     

    Thank-you.Styling Isnt Same between Preview and Builder Image 1 Screenshot 30Styling Isnt Same between Preview and Builder Image 2 Screenshot 41

  • David JotForm Support Manager
    Replied on May 26, 2017 at 5:23 PM

    Please try injecting the following code to fix the issue: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    .supernova .form-all, .form-all {

        background-color: rgba(4, 19, 13, 0.79);

        background: rgba(4, 19, 13, 0.79);

        border: 1px solid transparent;

    }

    .form-input-wide {

        background: transparent !important;

        border: none !important;

    }

    .form-label-top {

        background: none !important;

        border: none !important;

    }

    Result:

    Styling Isnt Same between Preview and Builder Image 1 Screenshot 20

    Let us know if you need more help.

  • SANCsuzuki
    Replied on May 26, 2017 at 6:20 PM

    Thank-you!  That worked!