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

  • Profile Image
    dreammakersphotobooth
    Asked 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

  • Profile Image
    Jan
    Answered 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
    dreammakersphotobooth
    Answered 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
    Ben
    Answered 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
    dreammakersphotobooth
    Answered 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
    Ben
    Answered 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.