form frame and background problem

  • Profile Image
    bennettandsons
    Asked on March 11, 2016 at 02:10 PM

    I've created a form but can't see how to make the background white and remove the shadow frame.  The background is currently grey when i insert it onto my web page. I want to see just the labels, boxes and submit button on my web page which is white.

  • Profile Image
    BJoanna
    Answered on March 11, 2016 at 02:33 PM

    Is this the form you are working on http://www.jotform.com/60705819169362?

    You can remove shadow frame and set background color of you form to be white, by Injecting Custom CSS. Inside of your Form Builder select Setup & Embed tab, then click on Preferences, then select Form Styles tab and inside of Inject Custom CSS field at the bottom of existing code paste this code:

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

    background-color : #ffffff!important;

    box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;

    }

    After you add this code you form will look like this.

    Here is my cloned form where I added mentioned CSS code: https://form.jotform.com/60705294173960 

    Feel free to clone it.

    Hope this will help. Let us know if you need further assistance.