Mail Poet Contact Form - centering

[davepar3]

Hello,

I am struggling to get my Mail Poet contact form centered correctly. I put in the shortcode on my homepage and it won’t center the entry boxes as shown below. Can that be fixed? Thanks

[rad]

Hi David,

Thanks for reaching out.

I’m not sure if it’s part of the custom code, you can align it by overriding it by adding this CSS to Theme Options > CSS

#mailpoet_form_1 .mailpoet_text, #mailpoet_form_1 .mailpoet_textarea, #mailpoet_form_1 .mailpoet_select, #mailpoet_form_1 .mailpoet_date_month, #mailpoet_form_1 .mailpoet_date_day, #mailpoet_form_1 .mailpoet_date_year, #mailpoet_form_1 .mailpoet_date {
    display: block;
    margin: 0 auto;
}

Thanks!

[davepar3]

Thanks Rad, that worked great. For my knowledge, what do you mean by “part of the custom code” ?

[ruenel]

Hello David,

There is already a code that aligns the form which is why @Rad give you another set of custom css to override the existing code so that the form will be aligned to the center.

Hope this helps. Best Regards.