Title: Contact Form Centered Last modified: August 21, 2016 --- # Contact Form Centered * Resolved [selmaporobic](https://wordpress.org/support/users/selmaporobic/) * (@selmaporobic) * [12 years, 3 months ago](https://wordpress.org/support/topic/contact-form-centered/) * Dear all, * I have no skill with HTML/Wordpress whatsoever, but I managed to make a contact form for my new website anyway. I want my contact form to be aligned left. However, my contact form is centered (not the text, but the entire form), even though I double checked all settings and they are all set to ‘align left’. Is there something I’m missing here? * Thank you all so much for your time. Have a great day! * [https://wordpress.org/plugins/si-contact-form/](https://wordpress.org/plugins/si-contact-form/) Viewing 15 replies - 1 through 15 (of 16 total) 1 [2](https://wordpress.org/support/topic/contact-form-centered/page/2/?output_format=md) [→](https://wordpress.org/support/topic/contact-form-centered/page/2/?output_format=md) * [staceyk](https://wordpress.org/support/users/staceyk/) * (@staceyk) * [12 years, 1 month ago](https://wordpress.org/support/topic/contact-form-centered/#post-4609869) * I actually want mine centered and it stays aligned to the left! At one point it was aligned center then somehow became left centered and now won’t budge. * [jockoe](https://wordpress.org/support/users/jockoe/) * (@jockoe) * [12 years, 1 month ago](https://wordpress.org/support/topic/contact-form-centered/#post-4609870) * [@staceyk](https://wordpress.org/support/users/staceyk/) * Add this under the tab STYLES; to the width of the FORM DIV (the first box) * margin-left: auto; margin-right: auto; * [jockoe](https://wordpress.org/support/users/jockoe/) * (@jockoe) * [12 years, 1 month ago](https://wordpress.org/support/topic/contact-form-centered/#post-4609871) * [@selmaporobic](https://wordpress.org/support/users/selmaporobic/) * Do you have a link to your form? * Look for the code I just gave to Stacey. If you see it, delete it. * [staceyk](https://wordpress.org/support/users/staceyk/) * (@staceyk) * [12 years, 1 month ago](https://wordpress.org/support/topic/contact-form-centered/#post-4609874) * Funny thing is, on the dashboard it centers it. On the actual page, it’s still on the left! * My site is currently locally hosted but will be put up on a dev site soon…and production shortly after that. If I have to change the alignment after it is live I can. * [jockoe](https://wordpress.org/support/users/jockoe/) * (@jockoe) * [12 years, 1 month ago](https://wordpress.org/support/topic/contact-form-centered/#post-4609875) * Do you use a caching plugin? If so… try deleting the cache and see if that fixes it. * [staceyk](https://wordpress.org/support/users/staceyk/) * (@staceyk) * [12 years, 1 month ago](https://wordpress.org/support/topic/contact-form-centered/#post-4609878) * I didn’t at the time and I don’t have one active currently. * Site is now live: * [http://www.houndsofgrace.org](http://www.houndsofgrace.org) * Contact Us is where I am using the form. * [jockoe](https://wordpress.org/support/users/jockoe/) * (@jockoe) * [12 years, 1 month ago](https://wordpress.org/support/topic/contact-form-centered/#post-4609879) * Did you try adding the code on your live site? I’m able to center your form with those margins using **Inspect element** in Chrome. I dunno why it wouldn’t have worked while it was being developed locally, but it’s worth a try. (I also changed the width to 250px) * [staceyk](https://wordpress.org/support/users/staceyk/) * (@staceyk) * [12 years, 1 month ago](https://wordpress.org/support/topic/contact-form-centered/#post-4609880) * The code is there: * I have tried: * width: margin-left: auto; margin-right: auto; max-width: 250px; * and * margin-left: auto; margin-right: auto; max-width: 250px; * and width: 99%; margin-left: auto; margin-right: auto; max-width: 250px; * all to no avail on the live site. * [jockoe](https://wordpress.org/support/users/jockoe/) * (@jockoe) * [12 years, 1 month ago](https://wordpress.org/support/topic/contact-form-centered/#post-4609881) * That is really odd. Have you checked to see if there is a plugin conflict? De- activate all of your other plugins, except FSCF, and see if your form moves into the center. * [jockoe](https://wordpress.org/support/users/jockoe/) * (@jockoe) * [12 years, 1 month ago](https://wordpress.org/support/topic/contact-form-centered/#post-4609882) * Under the ‘Styles’ tab, where it says: **Select the method of delivering the form style:** What stylesheet are you using? * Thread Starter [selmaporobic](https://wordpress.org/support/users/selmaporobic/) * (@selmaporobic) * [12 years ago](https://wordpress.org/support/topic/contact-form-centered/#post-4609889) * [@staceyk](https://wordpress.org/support/users/staceyk/) [@jockoe](https://wordpress.org/support/users/jockoe/) Thank you both so much for replying! Didn’t even expect anyone would reply. I’m sorry for my late response! Been out of the country for a couple of weeks. * I’ve tried all the options you two gave me, but it’s still centered. I’m probably doing something wrong! My form: [http://posemedia.nl/contact/](http://posemedia.nl/contact/) * Thanks! * Thread Starter [selmaporobic](https://wordpress.org/support/users/selmaporobic/) * (@selmaporobic) * [12 years ago](https://wordpress.org/support/topic/contact-form-centered/#post-4609890) * [@jockoe](https://wordpress.org/support/users/jockoe/) I’m using the ‘Internal Style Sheet CSS’ by the way. * [mbrsolution](https://wordpress.org/support/users/mbrsolution/) * (@mbrsolution) * [12 years ago](https://wordpress.org/support/topic/contact-form-centered/#post-4609891) * Hi selmaporobic, I had a look at your URL above. For some reason you have the following. * ``` element.style { max-width: 555px; width: 99%; } ``` * The width above is set to 99% if you change that to let say 9% it will fix your contact form as per your request. I am just curious about the element.style where is that coming from? Anyhow making that change will align your form to the left. * Kind regards * Thread Starter [selmaporobic](https://wordpress.org/support/users/selmaporobic/) * (@selmaporobic) * [12 years ago](https://wordpress.org/support/topic/contact-form-centered/#post-4609892) * [@mbrsolution](https://wordpress.org/support/users/mbrsolution/) Thank you! That actually helped :D! Only problem now is that the ‘submit’ button is still centered… I don’t know how to change that. * [mbrsolution](https://wordpress.org/support/users/mbrsolution/) * (@mbrsolution) * [12 years ago](https://wordpress.org/support/topic/contact-form-centered/#post-4609893) * Hi selmaporobic, on the following code….. * ```
``` * Change the style=”padding-left:146px to something smaller like 14px or so. * Let me know if this helps you. * Kind regards Viewing 15 replies - 1 through 15 (of 16 total) 1 [2](https://wordpress.org/support/topic/contact-form-centered/page/2/?output_format=md) [→](https://wordpress.org/support/topic/contact-form-centered/page/2/?output_format=md) The topic ‘Contact Form Centered’ is closed to new replies. * ![](https://s.w.org/plugins/geopattern-icon/si-contact-form_dde2be.svg) * [Fast Secure Contact Form](https://wordpress.org/plugins/si-contact-form/) * [Frequently Asked Questions](https://wordpress.org/plugins/si-contact-form/#faq) * [Support Threads](https://wordpress.org/support/plugin/si-contact-form/) * [Active Topics](https://wordpress.org/support/plugin/si-contact-form/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/si-contact-form/unresolved/) * [Reviews](https://wordpress.org/support/plugin/si-contact-form/reviews/) ## Tags * [aligned](https://wordpress.org/support/topic-tag/aligned/) * [alignment](https://wordpress.org/support/topic-tag/alignment/) * [center](https://wordpress.org/support/topic-tag/center/) * [left](https://wordpress.org/support/topic-tag/left/) * 16 replies * 4 participants * Last reply from: [selmaporobic](https://wordpress.org/support/users/selmaporobic/) * Last activity: [12 years ago](https://wordpress.org/support/topic/contact-form-centered/page/2/#post-4609894) * Status: resolved