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

    I need a help changing the background color of my form

    Asked by Surfincabo on August 11, 2016 at 03:55 PM

    Hello guys, i just tried with the 3 versions of "Change the background color" in my last form called "CONTACTENOS" but it not work, can you help me please?

    Cheers

    form background background color
  • Profile Image
    JotForm Support

    Answered by Welvin on August 11, 2016 at 05:19 PM

    You have the following custom CSS codes in the form that sets the background color of the form to transparent:

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

        background-color: rgba(169, 29, 29, 0) !important;

    }

    You can remove the CSS then go to the designer to change the color. 

    To access the custom CSS area. Please read this guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.

    To go to the designer, click the designer button in the form builder:

    Change the color on the Color Scheme tab:

  • Profile Image

    Answered by Surfincabo on August 12, 2016 at 01:46 PM
    Thanks for your quick response, but the options you give me hasnt worked
    for me .... maybe you can see my form and check, whos the form isn't into a
    website, you can view by logging into my account?
    Sorry for my bad English.
    Cheers

    Patricio Puleio
    www.crop7.com
    2016-08-11 18:19 GMT-03:00 JotForm :
    ...
  • Profile Image
    JotForm Support

    Answered by Welvin on August 12, 2016 at 02:50 PM

    Do you mean, when you change the background color in the designer, it's not working or not taking effect? You still have the custom CSS codes, that will override the background in the designer. Anyways, I have removed that for you and change your background color to the default. Please check it now.

    http://www.jotformz.com/form/62225043605648 

    You can change the color if you want. Just please follow the same steps to go to the designer. 

    Let us know if you need any further assistance.

  • Profile Image

    Answered by Surfincabo on August 12, 2016 at 03:46 PM
    Thank you very much again for your quick response.
    What I need is to remove everything related to the background, I would only
    stay texts and a small frame in the fields of complete, I explain?
    Hopefully it can be done.
    regards

    Patricio Puleio
    www.crop7.com
    2016-08-12 15:50 GMT-03:00 JotForm :
    ...
  • Profile Image
    JotForm Support

    Answered by Welvin on August 12, 2016 at 04:34 PM

    I see, so you want to remove the background instead of adding one. You just did it as far as I could see. You may want to embed the form to your website so you can see the output of the transparent background. 

    Viewing the form in your browser won't allow you to see the transparent background. You have to embed it on your website which I assumed having a dark container. 

  • Profile Image

    Answered by Surfincabo on August 22, 2016 at 08:45 PM
    First of all, sorry for my delay.
    I want to tell that I am using Wix as a site where I'm using JotForm is why
    I can't send a sample URL for you to see what happens.
    Maybe you can try using a transparent form template in a Wix site to see if
    they work.
    Currently I tried to use a Form template with transparent background, but
    still does not work.
    I hope you can help me.
    regards

    Patricio Puleio
    www.crop7.com
    2016-08-12 17:34 GMT-03:00 JotForm :
    ...
  • Profile Image
    JotForm Support

    Answered by jonathan on August 22, 2016 at 11:09 PM

    Hi Patricio,

    Can you please share to us the URL of your Wix website where we can test the actual form used.

    I tried on this URL http://www.crop7.com/home but I could not find the form.

    It will help us understand more about the problem if we can check the actual form used.

    We will wait for your response.

     

     

  • Profile Image

    Answered by Surfincabo on August 22, 2016 at 11:45 PM
    Hello Jonathan, my site is under construction right now, but I was made a
    pre render for you:
    http://crop7media.wixsite.com/crop7-new-site
    Please click on "contacto" and see what happens....
    Thanks a lot
    Patricio

    Patricio Puleio
    www.crop7.com
    2016-08-23 0:09 GMT-03:00 JotForm :
    ...
  • Profile Image
    JotForm Support

    Answered by liyam on August 23, 2016 at 01:57 AM

    Hello Patricio,

    I got stumped wondering what's going on until I found that there is something missing.

    Please use this CSS code instead:

    .supernova, .jotform-form, .form-all {
        background-color: rgba(169, 29, 29, 0) !important;
    }

    The difference between Welvin's code is that there is a missing period before the word supernova. This should fix the transparency of the form.

    Feel free to let us know if you have further questions.

     

  • Profile Image

    Answered by Surfincabo on August 23, 2016 at 09:45 PM
    liyam, thanks for your patience, you fix my problem, thank you so much!
    I apreciate your help.
    Cheers.

    Patricio Puleio
    www.crop7.com
    2016-08-23 2:56 GMT-03:00 JotForm :
    ...
  • Profile Image
    JotForm Support

    Answered by liyam on August 23, 2016 at 09:58 PM

    You are very much welcome, Patricio. If you have other questions or concerns, just let us know.

    Thanks.