[Plugin: Contact Form 7] Center Contact Form

Viewing 5 replies - 1 through 5 (of 5 total)
  • Gerry

    (@metamezzo)

    12 years, 6 months ago

    One way would be to give your div.wpcf7 the ff CSS:

    width: 400px; /* example value */
margin: 0 auto;

    Change the width value to something more suitable for your website.

    koresolutions

    (@koresolutions)

    12 years, 6 months ago

    To center the form on the page you can wrap the shortcode in div tags:

    <div align="center">
form code
</div>

    To center the actual boxes themselves, just change the text alignment from left to center in the form css.

    Thread Starter krisdeleon

    (@krisdeleon)

    12 years, 6 months ago

    koresolutions – thank you, your suggestion worked!

    koresolutions

    (@koresolutions)

    12 years, 6 months ago

    Glad to help. Get to know div tags well….they’ll really help you with alignment in WP as you can left/center/right align just about anything (widgets, shortcodes, page elements, ads, etc…) with div tags.

    Thread Starter krisdeleon

    (@krisdeleon)

    12 years, 6 months ago

    Thanks for the advice. I will definitely take the time to learn the div tags.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Plugin: Contact Form 7] Center Contact Form’ is closed to new replies.