I need a help changing the background color of my form

  • Surfincabo
    Asked on August 11, 2016 at 3: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

  • Welvin Support Team Lead
    Replied on August 11, 2016 at 5: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:

    I need a help changing the background color of my form Image 1 Screenshot 30

    Change the color on the Color Scheme tab:

    I need a help changing the background color of my form Image 2 Screenshot 41

  • Surfincabo
    Replied on August 12, 2016 at 1: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 :
    ...
  • Welvin Support Team Lead
    Replied on August 12, 2016 at 2: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 

    I need a help changing the background color of my form Image 1 Screenshot 20

    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.

  • Surfincabo
    Replied on August 12, 2016 at 3: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 :
    ...
  • Welvin Support Team Lead
    Replied on August 12, 2016 at 4: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. 

    I need a help changing the background color of my form Image 1 Screenshot 20

    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. 

  • Surfincabo
    Replied on August 22, 2016 at 8: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 :
    ...
  • jonathan
    Replied 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.

     

     

  • Surfincabo
    Replied 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 :
    ...
  • liyam
    Replied on August 23, 2016 at 1: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.

     

  • Surfincabo
    Replied on August 23, 2016 at 9: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 :
    ...
  • liyam
    Replied on August 23, 2016 at 9:58 PM

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

    Thanks.