Centering Form in Dreamweaver

  • choreo
    Asked on August 17, 2016 at 6:47 AM

    I saw several Forum Posts on this subject, but I have tried everything I can think of and still cannot get the Form URL below to Center?

    Right now the form looks the way it should, it just aligns to the left side of the page?

    I first tried just using the iFrame code, but when I use that code, the bottom of the form that includes the SUBMIT button gets cropped off when the width of the browser window is reduced (to simulate a mobile device)?

    So, I went to the Dreamweaver Embed code and then ALL the form elements show up at all browser sizes, but I cannot align the entire form to the center. I tried wrapping the form in a Div (both with and without an ID tag) using align="center" and that centers the form, but also tries to center all the form elements independently as well which creates a mess.

    Any ideas?

     

     

    Page URL: http://www.ciaobellagetawayclub.com/Prototype/Join.html
  • Chriistian Jotform Support
    Replied on August 17, 2016 at 9:48 AM
    As per checking, it seems that the .form-all div's margin has been set to 0 so the form is displayed left aligned.
    Centering Form in Dreamweaver Image 1 Screenshot 30
     
    You can try to add this custom CSS code in your page to center your form.
     
    .form-all {
        margin: auto !important;
    }
     
    Centering Form in Dreamweaver Image 2 Screenshot 41
     
    Do let us know if you need further assistance.
    Regards.
  • choreo
    Replied on August 17, 2016 at 12:41 PM

    Christian,

     

    THANKS! That apparently did the trick!