CSS override?

  • Profile Image
    Asked on May 23, 2014 at 02:45 PM

    Hi, I've created a registration form and have integrated it into an existing website along with its supporting CSS & JS (HTML & support downloaded JotForm interface: embed > source > "You can also download a compressed and refined version with separate .css and .js files from here.")

    I would like the container of the form to be white but the infinite background color to be something different.  I added to the internal stylesheet:


    body { background-color: #F7F4E1 !important;}


    It previews correctly in Dreamweaver, but when the page is viewed online, the body background color isn't taking effect. 

    Could you please advise how to make this happen?  The page would look a lot better with some dilineation between the form & the surrounding background color.



  • Profile Image
    Answered on May 23, 2014 at 04:21 PM

    Inject the custom code below to your form:

    body, html{ background-color:#F7F4E1; }

    I have cloned your form, tested with injecting the code and it worked just fine!

    Please follow the screenshots:


    After injecting the code:

    Read the guidelines on How to Inject Custom CSS Codes to your Form, if you don't know the process.

    Let us know if the problem still persists.

    Thank You.

  • Profile Image
    Answered on May 23, 2014 at 06:26 PM

    Works like a charm!  Thanks so much for your quick response!