Form Support

centering form on webpage

  • Profile Image
    reviewtrigger
    Asked on December 29, 2015 at 02:05 PM

    We are setting up our website on Strikingly and need to use the custom code of the form.  What do we need to input into the custom code of the form in order to get it to center align?  

  • Profile Image
    Kiran
    Answered on December 29, 2015 at 03:22 PM

    As I check your JotForm titled "Demo Builder",the form is already centered and looks good. Generally we recommend using iframe embed method to avoid any script conflicts on the website. Please refer to the guide below to get the iframe embed code for your JotForm.

    http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code 

    However, it seems that it is required to upgrade Strikingly account to Pro in order to be able to embed HTML apps. If you are already having a Pro account, please try embedding the form using iframe embed and let us know if the issue still persists. It would be helpful if you can share the URL of the webpage where your form is embedded.

    Thanks!

  • Profile Image
    reviewtrigger
    Answered on December 30, 2015 at 09:45 AM
    Hi Kiran,
    We do have the pro agreement and have to do source code rather than embed
    due to tracking codes we have put into the source code of the form.
    The URL is signup.getreviewtrigger.com.
    Cory
    ...
  • Profile Image
    EltonCris
    Answered on December 30, 2015 at 11:00 AM

    Hello Cory,

    Thanks for your reply and for providing the URL.

    Please add the following CSS code between the <style> tag on the form source code. This should center align the form.

    .form-all {

        margin: 0 auto;

    }

    Here's a screenshot: