Margin problems

  • Profile Image
    nathanhayward
    Asked on September 12, 2017 at 09:44 AM

    I am using 2 forms for a website.

    One of the forms right margin in to great in the embedded window on Pagecloud.

    I then found it was happening with the other form too.

    I did not touch these forms since a few days ago and the were displaying correctly before.

    I hope this is a problem on your end that will be resolved soon.

    I shared the url below. It is a more noticeable problem on the mobile version of the page.

  • Profile Image
    TREVON
    Answered on September 12, 2017 at 12:00 PM

    If I am getting you correctly you mean your form right margin is bigger leading to the form moving to the left side? If this is the issue I have been able to clone your form and tested it on my phone and found the error, and found a way to fix it. To resolve the error, kindly add the following CSS to the form that is affected. This will move the form slightly to the right and will reduce the right margin.

    .supernova .form-all, .form-all {
        background-color: #d6edfa;
        border: 1px solid transparent;
        margin-left: 2.5%;
    }

    If the margin size is bigger then you can reduce or increase the percentage of the text highlighted in red. You can increase or reduce the percentage.

    Below is a guide on how to insert CSS in your form.

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Below is my form you can test it and clone it too

    https://form.jotformpro.com/72545065981968

    Hope this resolves your issue. Kindly feel free to let us know if you need further assistance.