Centering the contact form

• 

  elainegriffindesigns · Member · Mar 21, 2010 at 2:32 pm

  • Copy link
  • Add topic to favorites

  I have a contact form on the contact page that I can’t seem to center. The other info on the page is centered, but not the form. The border is cut off on the left side, too.
  So, I’m not sure if I can solve this with HTML, CSS….
  Thanks!
  here is the link:
  http://annasimonakphotography.com/

  The blog I need help with is: (visible only to logged in users)

• 

  timethief · Member · Mar 21, 2010 at 5:03 pm

  • Copy link

  Have your tried to center the contact form by using div tags? Maybe that will work:
  <div style="text-align:center;">[contact-form]</div>

• 

  elainegriffindesigns · Member · Mar 22, 2010 at 1:06 pm

  • Copy link

  I tried that and it didn’t work!
  Poo!
  Thanks!

• 

  timethief · Member · Mar 22, 2010 at 5:06 pm

  • Copy link

  Snap! I guess you will have to ask for Staff help with this. :( Here’s the link http://en.support.wordpress.com/contact/

• 

  elainegriffindesigns · Member · Mar 22, 2010 at 6:12 pm

  • Copy link

  See, and here I was thinking it’s b/c I’m too newbie!
  Thanks a lot!

• 

  designsimply · Member · Mar 22, 2010 at 6:56 pm

  • Copy link

  You could do that with Custom CSS. You can test it out from your Appearance > Edit CSS page with the preview button. Try this:

  form.contact-form { text-align:center; }

  See the Custom CSS help page for more details about the upgrade.

• 

  elainegriffindesigns · Member · Mar 23, 2010 at 9:11 pm

  • Copy link

  That did it! Thanks!
  I knew in my heart of hearts how to do it, but man, too much self-doubt.