Can I get rid of the white border around my form

  • janicehales
    Asked on November 3, 2014 at 8:14 PM

    My form " win a car" has a coloured background 

    I would like to get rid of the white border around the form that is displayed when its injected onto the webstie is this possible

     

    Thank you

     

    Janice

  • Ashwin JotForm Support
    Replied on November 3, 2014 at 11:55 PM

    Hello Janice,

    Please inject the following custom css code in your form and see if that solves your problem:

    @media screen and (max-width: 768px) and (min-width: 480px)

    .jotform-form {

    padding: 0px 0 !important;

    }

    It seems you have the above custom css code in your form with padding as 30px and reducing it to 0px seems to solve this problem.

    Do get back to us if the issue persists.

    Thank you!

     

  • janicehales
    Replied on November 4, 2014 at 12:41 AM

    Thank you for your response, I have added the code and it seems to have made no difference

    Any other ideas

     

    Janice

  • Ashwin JotForm Support
    Replied on November 4, 2014 at 2:39 AM

    Hello Janice,

    Please accept my apology.

    I have injected the following custom css code in your form and that seems to have resolved the issue:

    .form-all{

    margin-top: -30px !important;

    margin-bottom: -32px;

    height: 448px !important;

    }

    Please check the screenshot of your web page: 

    Can I get rid of the white border around my form Image 1 Screenshot 20

    Do check and get back to us if you need any other changes.

    Thank you!

  • janicehales
    Replied on November 4, 2014 at 2:55 AM

    Hi Ashwin you are a star :)

    It looks great  thank you so much, If I want to do it with any other forms do I use the same formula or will it vary from form to form.

     

    Janice

  • janicehales
    Replied on November 4, 2014 at 3:17 AM

    Hi Ashwin

    I have added a box around the form and now I seem to have a white line. can you advise 

    me hoe to get rid of it 

    Janice

     

     

    Can I get rid of the white border around my form Image 1 Screenshot 20

     

     

  • Ashwin JotForm Support
    Replied on November 4, 2014 at 6:36 AM

    Hello Janice,

    I updated the injected custom css code in your form to solve this issue:

    .form-all {
    margin-top: -32px !important;
    margin-bottom: -32px !important;
    }
    body, html {
    background-color: #69D2E7 !important;
    }

    The output is as displayed in the screenshot below: 

    Can I get rid of the white border around my form Image 1 Screenshot 20

    Thank you!

  • janicehales
    Replied on November 4, 2014 at 3:15 PM

    Hi Ashwin,

    Can you look at the form again as I can still see the line .... strange

     

    Janice

  • raul
    Replied on November 4, 2014 at 4:51 PM

    Hi,

    I've injected the following CSS code to your form

    .supernova {
    background-color: transparent !important;
    }

    .form-all {
    border: 0 !important;
    }

    And now the form looks like this:

    Can I get rid of the white border around my form Image 1 Screenshot 20

    Please let us know if it looks like this on your side too.
    Thanks.

  • janicehales
    Replied on November 4, 2014 at 5:44 PM

    Thank you so much JotForm Support

    Your support is excellent

     

    Janice

  • raul
    Replied on November 4, 2014 at 6:59 PM

    Thank you for your kind words.
    On behalf of my colleague and myself, you're welcome :)

    Please let us know if we can be of further assistance.
    Best Regards.