Form not spanning width of screen on website

  • sstte18
    Asked on September 26, 2017 at 10:05 PM

    I would like this form to appear to be the same width as the rest of the page on my website.  Also, on a mobile device, the background color is off.  Can that be fixed?

    https://www.sstte.org/kol-nidre-donations.html


  • Mike_G JotForm Support
    Replied on September 26, 2017 at 11:40 PM

    I have checked the form embedded on the website you shared with us. I noticed that there two other form embedded in that form using the Iframe Embed widget. To fix the width of the main form and the forms embedded in it, please add the following CSS codes to the forms following this guide — How-to-Inject-Custom-CSS-Codes

    .form-all {

       width:100% !important;

    }

    You also need to configure the properties of each Iframe Embed widgets in the form and set its width according to your requirements.


    Form not spanning width of screen on website Image 1 Screenshot 20

    As for the background color, the form, embedded or not, has the same background color on mobile devices and computer. However, if you want to change it or make it transparent to match your website's background color, you can check this guide — Making-the-Form-Background-Transparent

    If you have other questions or concerns, please do not hesitate to get back to us.

  • sstte18
    Replied on September 27, 2017 at 9:47 AM

    thank you.  that all worked perfectly!