WordPress.org

Ready to get started?Download WordPress

Forums

Fast Secure Contact Form
Contact Form Centered (11 posts)

  1. selmaporobic
    Member
    Posted 2 months ago #

    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/

  2. staceyk
    Member
    Posted 2 weeks ago #

    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.

  3. jockoe
    Member
    Posted 2 weeks ago #

    @staceyk

    Add this under the tab STYLES; to the width of the FORM DIV (the first box)

    margin-left: auto; margin-right: auto;

  4. jockoe
    Member
    Posted 2 weeks ago #

    @selmaporobic

    Do you have a link to your form?

    Look for the code I just gave to Stacey. If you see it, delete it.

  5. staceyk
    Member
    Posted 2 weeks ago #

    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.

  6. jockoe
    Member
    Posted 2 weeks ago #

    Do you use a caching plugin? If so... try deleting the cache and see if that fixes it.

  7. staceyk
    Member
    Posted 1 week ago #

    I didn't at the time and I don't have one active currently.

    Site is now live:

    http://www.houndsofgrace.org

    Contact Us is where I am using the form.

  8. jockoe
    Member
    Posted 1 week ago #

    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)

  9. staceyk
    Member
    Posted 1 week ago #

    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.

  10. jockoe
    Member
    Posted 1 week ago #

    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.

  11. jockoe
    Member
    Posted 1 week ago #

    Under the 'Styles' tab, where it says: Select the method of delivering the form style: What stylesheet are you using?

Reply

You must log in to post.

About this Plugin

About this Topic