Removing the background and making form full width?

  • Profile Image
    FreestyleCanada
    Asked on October 22, 2017 at 04:19 PM

    How do we remove the background and make form full width. Can we make this setting a default setting?


    Chad

  • Profile Image
    BDAVID
    Answered on October 22, 2017 at 04:34 PM

    You can remove the background by adding the following code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

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

        background: transparent

    }

    On regards of increasing the width of the form, you can do it through the designer:

    1508704399increase.gif

    Let us know if you need more help, we will be glad to assist you.

  • Profile Image
    FreestyleCanada
    Answered on October 22, 2017 at 08:43 PM
    Thanks David,
    I added that code and it did not remove the border/drop shadow from the form.
    https://www.jotform.com/build/72576192690263
    http://www.freestylecanada.ski/en/toyogrant/
    Is there something else in the CSS that is prohibiting the code from taking effect?
    Chad
    ...
  • Profile Image
    Nik_C
    Answered on October 23, 2017 at 02:08 AM

    Please insert the below CSS to your Custom CSS Field:

    .form-all {

        box-shadow: none!important;

    }

    That will remove the shadow.

    Let us know if you have any further questions.

    Thank you.

  • Profile Image
    FreestyleCanada
    Answered on October 23, 2017 at 01:43 PM
    Thank you!
    Chad
    ...