Form not spanning width of screen on website

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


  • Profile Image
    Mike_G
    Answered 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.


    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.

  • Profile Image
    sstte18
    Answered on September 27, 2017 at 09:47 AM

    thank you.  that all worked perfectly!