CSS override?

  • avirga
    Asked on May 23, 2014 at 2: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.

     

    Thanks!
    Arleen

  • bob
    Replied on May 23, 2014 at 4: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:

    CSS override? Image 1 Screenshot 30

     

    After injecting the code:

    CSS override? Image 2 Screenshot 41

    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.

  • avirga
    Replied on May 23, 2014 at 6:26 PM

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