Center Jetpack Contact Form

  • Resolved Jane Milburn

    (@jane-milburn)


    7 years ago

    Hi, I am trying to center the Jetpack Contact Form on a page. I have searched this forum and online and cannot find the answer.

    I used <div align=”center”>*Text*</div> in the text editor, which does center the form but also centers the text and fields. I just want to move the whole form over to the center, at the moment it is positioned to the left.

    How do I align Jetpack Contact Form to the center of a page please?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor Richard Archambault

    (@richardmtl)

    Hi Jane!

    This is actually a bit trickier than you’d think. First off, I suggest you read a bit on CSS and how to modify it for your site:

    https://codex.www.ads-software.com/CSS#WordPress_Layout_Help

    As well as this:

    https://codex.www.ads-software.com/CSS#CSS_Resources

    Now in your particular case, you’ll have to add something like this to your site’s Custom CSS:

    
div#contact-form-141 {
margin-left: 20%;
}

    https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress

    That should about do it, but it will also narrow the fields. If you aren’t happy with the result, and need further help with this, I suggest asking your theme author for additional help, as helping with CSS customizations for Jetpack features is beyond the scope of support that we normally provide.

    Thanks!

    Thread Starter Jane Milburn

    (@jane-milburn)

    For other’s looking for a solution, the code works! But I am using the Twenty Seventeen theme, which I should have mentioned before, therefore it may not work for other themes. Many thanks Richard, this has solved my problem and I will read the information on the links you have supplied ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Center Jetpack Contact Form’ is closed to new replies.