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

    How to remove the theme's orange color behind the fields

    Asked by dreammakersphotobooth on July 19, 2015 at 08:14 AM

    Can you help me remove the orange thing on my form including the orange border? it changes the format of my form. here's the link...

    http://dreammakersphotobooth.weebly.com/book-now.html

     

    << Original post of this question

    remove orange background orange theme background orange
  • Profile Image
    JotForm Support

    Answered by Jan on July 19, 2015 at 08:23 AM

    Please inject or insert this custom CSS code.

    .form-all.has-form-cover {

        background : #ffffff !important;

        border : 0px !important;

    }

    Here's a guide on how to inject this CSS code. Hope this works. Thank you.

  • Profile Image

    Answered by dreammakersphotobooth on July 19, 2015 at 03:44 PM

    thanks for the prompt response.

    but i have no luck in removing the orange background.

  • Profile Image

    Answered by Ben on July 19, 2015 at 05:04 PM

    The reason why this happened is because the code given to you by my colleague works only while the Form Cover is active, since it is no longer active on your form, the following code will remove it:

    div.form-all {
        background: none transparent;
        border: none !important;
    }

    I do not like using the !important clause, but since there was one already setting the orange background, it was needed to be used for the border otherwise an orange border line would still be shown - if you wish to have it around your fields, just remove that part (border: none !important;) from the code above.

    Please do add the code as shown here: Inject Custom CSS Codes, but after all the other CSS code that you have on your form.

    Do let us know how it goes.

  • Profile Image

    Answered by dreammakersphotobooth on July 19, 2015 at 05:13 PM

    hi ben!

    thanks for the prompt response.

    i just want to make it to the original or default theme. the orange thing has been remove. but i also want this thing to be removed. my details has been dis-arranged.

     

  • Profile Image

    Answered by Ben on July 19, 2015 at 05:45 PM

    You are welcome and I am glad to hear that you were able to remove the orange background.

    Now since you want to restore the original layout of the theme, I have moved this to a new thread here: http://www.jotform.com/answers/614205 so that we can properly assist you with this there.

    We will be replying back to it shortly.