How to center form

  • Resolved kristylin

    (@kristylin)


    8 years, 4 months ago

    I’ve tried these two options in my custom css. neither seem to have an effect
    website: newfiremovie.com

    mc4wp-form {
margin: 0 auto; }
    .mc4wp-form {
margin: 0 auto !important; }
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Harish Chouhan

    (@hchouhan)

    Hello,

    Can you please remove the earlier code and try the one provided below:

    .mc4wp-form {
    margin: 0 auto !important;
    max-width: 480px !important;
    text-align: center;
}
    Thread Starter kristylin

    (@kristylin)

    Yay! That worked, thank you! Do you have any explanation why the previous codes didn’t work and this did? I’d love to learn.

    Plugin Contributor Harish Chouhan

    (@hchouhan)

    Hello @kristylin,

    I’m glad that worked. It’s hard to pinpoint the issue. Mainly the theme had CSS which gave all divs and p tags auto width. I am not 100% sure this could be the reason. For some reasons the div surrounding the form had 100%. By defining maximum width to match same as the fields I was then able to center it.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to center form’ is closed to new replies.