Form preview is different from the embedded form

  • Profile Image
    savannahavril
    Asked on October 16, 2017 at 05:24 PM

    Page - http://www.savannahavril.com/photoshoot-inquiry


    I was able to get the background image to display after some trouble but I would like it to cover the whole page, not just the middle. I also want the form to display in the middle of the page, I selected centre orientation but it hasn't helped. I'm not sure what to adjust in the code for this. 

    Thank you 

  • Profile Image
    Jan
    Answered on October 16, 2017 at 09:45 PM

    My understanding is that you want the form to occupy the whole page.

    The form relies on the width of the container where it is embedded. It means that you need to adjust the layout of your webpage.

    150820444510-17-7glxp.png

    Please try injecting this CSS code in your website:

    .fixed-width {
    width: 100% !important;
    }

    .layout-fixed .layout {
    width: 100% !important;
    padding: 0 0 0 0 !important;
    }

    If that doesn't work, I suggest you contact the administrator of the website or the support of the platform you are using.

    Hope that helps. Thank you.

  • Profile Image
    savannahavril
    Answered on October 16, 2017 at 10:26 PM

    It worked! However the form still isn't centred in the middle of the photo/page, how do I fix this? Thanks 

  • Profile Image
    Jan
    Answered on October 16, 2017 at 11:45 PM

    Please inject this custom CSS code inside the form:

    .form-all {
    margin: 0 auto !important;
    }

    Here's a guide on How-to-Inject-Custom-CSS-Codes. Here's the result:

    150821168310-17-ccitv.png

    Let us know if you have any questions. Thank you.