Center the form on the page

  • Hi,

    I would like to center my form on my page. Currently, the form is left-aligned. I try to center it with css but only the first element of the form become centered and the rest stay left-aligned.

    Do you know how I can make it ?

    Thank you for support ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Jared Atchison

    (@jaredatch)

    Hey s123570,

    When you get a chance, please provide us with link to the page where the form is embedded? Thanks!

    Thread Starter Antoine Baguette

    (@s123570)

    Unfortunately, my site is on my local server for development…

    Plugin Author Jared Atchison

    (@jaredatch)

    Without access to your site I can’t provide the exact CSS.

    However, typically the snippet below will get pretty close. The one thing to note is that you will want to set the size to “Large” for each field (under the Advanced Settings section).

    
.wpforms-container {
max-width: 400px !important;
margin: 0 auto !important;
}

.wpforms-submit-container {
text-align:center;
}
    Thread Starter Antoine Baguette

    (@s123570)

    Great, it works ! I had to adapt it a bit but now it works. Thank you ??

    I also want to create a form in which the user can click on a button and it dynamically duplicate a line. Do you know how I can do it ?

    Thank you in advance !

    Antoine

    Plugin Author Jared Atchison

    (@jaredatch)

    Hey s123570,

    Thanks for the update. Happy to hear the CSS worked.

    We don’t currently have a method to dynamically add new fields – what we refer to as a repeater field or similar. It is something that is on our radar to look at in the future though ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Center the form on the page’ is closed to new replies.