How to Center Contact Form?

  • tombegasse

    (@tombegasse)


    15 years ago

    Hello,

    I am using the Contact Form 7 plug in on my site. How do I get the form centered on the page? I’m thinking it’s in the CSS code somewhere but don’t know what to look for.

    Thanks in advance for your help! -Tom
    http://www.tombegasse.com/contact/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Phil

    (@owendevelopment)

    15 years ago

    Hi,

    What you need to do is add this to your CSS:

    .wpcf7-form {
margin: auto;
width: 260px;
}

    Try that. If it doesn’t work, open the ‘contact-form-7/admin/styles.css’ from the ‘plugins’ –> ‘editor’ and paste the same code in at the bottom. If that makes no difference, you may need to add a div in at the start, like:

    div.wpcf7-form {
margin: auto;
width: 260px;
}
    Phil

    (@owendevelopment)

    15 years ago

    PS, you can set the width to whatever you like, but looking at tyour site, 260px should be the minimum.

    Phil

    Thread Starter tombegasse

    (@tombegasse)

    15 years ago

    Thanks so much Phil! That worked.
    -Tom

    Phil

    (@owendevelopment)

    15 years ago

    No probs.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘How to Center Contact Form?’ is closed to new replies.