I'm loading a form into an article and I want it centered on desktop and phone when rendered. I am using the the Theme 01 Black CSS. I raised the question once before for another site and adding the following test-align:center; to below fixed this for me, however it's not working on my new site.

.wdform_page {
background: #FFFFFF;
padding-top: 15px;
border-radius: 0px;
font-family: Open Sans;
text-align: center;
}

I am not using any custom html either in the forum. Is there something else I need to do to get the form to center each time loading?

Hello!

Thank you for posting your question!

The alignment depends on the content structure of your website also. Could you please give us the link to the page where your form is published? We'll take a look and provide the necessary CSS code as soon as possible.

Thanks! Happy holidays!

Here you go: snapsterpiece.com/submit-snapsterpiece

Happy Holidays!

Thanks,

Hey! Thanks for the link!

Could you please edit the theme of your form and add the following CSS code to the very end of it? Your form will be centered on the page:

.wdform_section {
    display: inline-block !important;
}

Hi thank you, this works well. I notice on mobile devices the feild test still runs off the page (but the boxes are responsive) Please see screenshot

Hello!

We tried to tweak the CSS of your form to make the form responsive, but looks like there is a conflict with your website theme. Could you please give us temporary Super User access to your website, so we can take a look?

You can send the login information using the contact form on this page . Also make sure to include the link to this forum thread in your message. Our developers will check the issue as soon as possible and figure out a solution.

Thank you! Have a wonderful day!

done...thanks

Thank you a lot!

We received your support ticket, and I have forwarded it to our developers. They will check the responsiveness issue and figure out a solution as soon as possible.

Thanks! Have a wonderful day!

Hello Robert,

I am happy to inform you, that our development team has fixed the responsiveness problem on your form. They have added the following code in /components/com_formmaker/views/formmaker/tmpl/default.php, /modules/mod_formmaker/helper.php and /plugins/content/loadformmaker/loadformmaker.php files of the extension:

@media screen and (max-width: 500px) {
    .wdform-label-section { width:90% !important; }
    div[type="type_submit_reset"] .wdform-label-section { width:0% !important; }
}

Thank you again!

You're welcome!

We are glad it is sorted out. Please feel free to drop us a line any time you face other problems or have questions about any of our products. We will be happy to assist!

Thanks! Have a wonderful day!

Hello,

I am also unable to get my forms to horizontally center. Before I start editing code or CSS, can someone look at my page and see if they can suggest how to fix?

bit.ly/2ksG8Zd

Thank you,
JM

Dear Jon,

Could you please again contact us via ticketing. Again your theme is not allowing the form to be centered. Thanks.

Done