Hi, I created a form and I'm trying to center-align it on the page but I'm having issues getting it to work.

I added the following css code to the template's css:

.wdform_section {
display: table !important;
margin: auto !important;
}

Unfortunately this isn't working. Can someone help?
I'm trying to apply this change here: tanyaplusgerry.com/rsvp/

Dear Tanya,

Please add the following code to your current form theme css field:
.wdform_table1 {
margin: 0 auto !important;
width: inherit !important;
}

Thank you so much! That worked perfectly. One more question: is there a way align the submit/reset buttons to the right of the form?

Thanks again!
Tanya

Dear customer,

Please add the following code to your current form theme css field:
#6_elemet_table10 {width: 100% !important;} #6_element_section10 {text-align: right;}

Thanks for your reply! I made the change above but I'm still not getting the buttons to align to the right. Any other things I can try?

Dear Tanya,

Could you please give us (to [email protected]) admin access to your site, by indicating the forum post link in your email subject. We'll customize it for you as soon as possible.

Gave you admin access! (there should've been an email sent w/ the info)

Thanks again!

Dear Tanya,

The customization is done. Please check it.

Thank you!! Just checked it and it's great.

Dear Tanya,

If you really appreciate our work, please find a couple of minutes to leave a review on WordPress Form Maker reviews page. Here is the link. wordpress.org/support/view/plugin-reviews/form-maker Thank you.

I also would like to know how to center align the submit button to the form. Nothing I am trying is working as I am still a CSS novice.

Hello Jen! Thank you for posting!

Could you please give the link to your form page?
We will take a look and provide you the CSS code for centering the form.

Thanks in advance! Have a wonderful day!

Hello,

I created a form and I'm trying to center it on the webpage, but it's not working.

I added the following css code to the template's css:
.wdform_table1 {
margin: 0 auto !important;
width: inherit !important;
}

But it has not centered it. Can someone help?

I have attached two photos: 1 of the CSS and 1 of the result.

Hey Jamie! Thank you for posting about this!

Could you please give us the link to your form page?
We'll take a look and provide you CSS code for centering the form on the page.

Thanks! Have a great day!

Hi!
Here's the link: w3.ameriflight.com/scholarship/
Thanks!!

Hi Jamie!

I have just posted a response regarding the form alignment under this forum topic:
goo.gl/9mymdr

Could you please refer to that one?
Thank you! Have a great day!