WordPress.org

Forums

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

  1. Rob
    Member
    Posted 1 year 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 1 year ago #

  3. WPyogi
    Forum Moderator
    Posted 1 year 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 1 year 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
    Forum Moderator
    Posted 1 year 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 1 year ago #

    Thank you.
    That worked. The form looks great.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Contact Form
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags

No tags yet.