What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Can I get rid of the white border around my form

    Asked by janicehales on November 03, 2014 at 08: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

    Page URL:
    http://janicehales9.wix.com/car-comp

  • Profile Image
    JotForm Support

    Answered by ashwin_d on November 03, 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!

     

  • Profile Image

    Answered by janicehales on November 04, 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

  • Profile Image
    JotForm Support

    Answered by ashwin_d on November 04, 2014 at 02: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: 

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

    Thank you!

  • Profile Image

    Answered by janicehales on November 04, 2014 at 02: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

  • Profile Image

    Answered by janicehales on November 04, 2014 at 03: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

     

     

     

     

  • Profile Image
    JotForm Support

    Answered by ashwin_d on November 04, 2014 at 06: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: 

    Thank you!

  • Profile Image

    Answered by janicehales on November 04, 2014 at 03:15 PM

    Hi Ashwin,

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

     

    Janice

  • Profile Image

    Answered by raul on November 04, 2014 at 04: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:

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

  • Profile Image

    Answered by janicehales on November 04, 2014 at 05:44 PM

    Thank you so much JotForm Support

    Your support is excellent

     

    Janice

  • Profile Image

    Answered by raul on November 04, 2014 at 06: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.