WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form
[resolved] Align Contact form in the Center of the page (6 posts)

  1. Rob
    Member
    Posted 11 months ago #

    How can the Contact Form be centered in the page?

    I'm aware that the coding needs to be changed in my theme style.css

    Thank you.

    http://wordpress.org/plugins/contact-form-plugin/

  2. Rob
    Member
    Posted 11 months ago #

  3. WPyogi
    Volunteer Moderator
    Posted 11 months ago #

    Try adding this to your child theme style.css file:

    form#cntctfrm_contact_form {
        width: 450px;
        margin: 0 auto;
    }

    But first remove all this:

    Plugin Window -> Edit -> (then select on the right side the code:
    contact-form-plugin/css/style.css) -> (Search the line:
    .textwidget #cntctfrm_contact_subject{
    width: 220px !important;
    ) -> (set the number to desired size, eg. 140) ->
    width: 140px !important; (used in a the left sidebar)
  4. Rob
    Member
    Posted 11 months ago #

    Thank you.

    That code put it near to center. (without the removal of plugin code)

    To remove that code out of the plugin directory will lose the settings when plugin is updated?

  5. WPyogi
    Volunteer Moderator
    Posted 11 months ago #

    Try changing the width in that CSS to 350px - that centers it better.

    Only CSS code should go in a CSS file - you copied a bunch of stuff that is not CSS code.

  6. Rob
    Member
    Posted 11 months ago #

    Thank you.
    That worked. The form looks great.

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.