The form appearing on the left side of the page

  • agbell
    Asked on April 8, 2024 at 6:50 PM

    I have the same issue as the original poster with a form I just made.

    https://form.jotform.com/240986507265061

    My form is on the left side of the page Screenshot 30 Screenshot 10

    My form is on the left side of the page Screenshot 41 Screenshot 21

  • Mike_G JotForm Support
    Replied on April 8, 2024 at 7:19 PM

    Hi agbell,

    Thanks for using Jotform. I’m really sorry that this is happening. I’m going to do my best to resolve it for you. This happens because of the theme currently selected for your form as you see in the screenshot below:

    The form appearing on the left side of the page Image 1 Screenshot 40

    After investigating it a bit, I found a solution. We can use custom CSS codes to correct this without affecting the style and format of the rest of the form. Let me show you how:

    1. Copy the CSS codes below:

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

    2. Open your form in Form Builder, and click on the Paint Roller icon on the right side of the page to open Form Designer.

    3. In the Form Designer menu, click on the Styles tab, scroll down, and paste the custom CSS codes into the Inject Custom CSS box.

    4. Close the Form Designer menu to save the changes.

    The form appearing on the left side of the page Image 2 Screenshot 51

    And that's it. Check out the screenshot below to see the result:

    The form appearing on the left side of the page Image 3 Screenshot 62

    I've cloned your form and made the necessary adjustments so you can test it before applying the changes to yours. You can find my cloned form here. Feel free to clone my form to your account so you can inspect it. Click here to see how to clone the form. We also have a guide about injecting custom CSS codes that you can check out.

    Give it a try, and reach out again if you have any other questions.

 
Your Answer