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

    reduce size of background

    Asked by foreverkombis on January 11, 2016 at 10:10 PM

    HI I would like to reduce the size of the background of the whole form relevant to the form frame. See below - I would like to reduce the overall size of the darker blue and make the form which is the lighter blue take up more of the space on the web page.

     

  • Profile Image
    JotForm Support

    Answered by ashwin_d on January 12, 2016 at 04:47 AM

    Hello foreverkombis,

    That depends on where you have embedded your form and the width of your form. Can you please share the webpage URL where you have embedded your form and we will take a look.

    You can inject the following custom css code in your form to reduce the left margin:

    .form-all {

        margin-left: 23px;

    }

    The following guide should help you how to inject custom css code in your form:  http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    We will wait for your response.

    Thank you!

  • Profile Image

    Answered by foreverkombis on January 13, 2016 at 01:04 AM

    Thanks the website is not live yet and Wix does not allow you to share a page with someone to review without giving them editing rights.... Once the page is live I might ask for help again.

     

  • Profile Image
    JotForm Support

    Answered by ashwin_d on January 13, 2016 at 02:32 AM

    Hello foreverkombis,

    Sure.. Do let us know when your page is live and we will take a look.

    Thank you!

  • Profile Image

    Answered by foreverkombis on January 26, 2016 at 05:58 PM

    Thanks my website is live now - is there some way I can reduce the size of the overall border (as per my request on 11 Jan)?  the form is located here http://www.foreverkombis.com/#!contact-us-for-a-quote/c11m6

    Also can I change the phone format to not require an area code?

    Finally is there a way that I can automate an email to everyone that submits a form?

    Many thanks

     

  • Profile Image
    JotForm Support

    Answered by EltonCris on January 27, 2016 at 12:43 AM

    I am not quite sure if I understand your question correctly. Do you want your form to appear like this? The same background used on your page?

    If yes, inject this CSS codes to your form.

    .form-all {

        background-color: #BBEAE5;

        border: none;

        box-shadow: none;

    }

    Thi should make the form background transparent without no border and shadows.

    --

    However, if you want it like this:

    Use this CSS codes:

    .jotform-form {

        background-color: #d5eef3;

        border: 1px solid rgba(0, 0, 0, 0);

        -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);

        -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);

        box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1);

    }

    .form-all {

        background-color: #d5eef3;

        border: none;

        box-shadow: none;

    }

     

    Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes (paste the code on the bottom part)

    If I have misunderstood your question, let us know.

    PS. I enjoyed the music on your site! :)