Centering WPForms

  • Resolved gregmini

    (@gregmini)


    8 years, 11 months ago

    Hello,

    I’m having problems centering my name fields on the center of my page. I already set the width to 100% and used auto on the margin, which took care of the email field. However the two name fields won’t move over no matter what I do. Any help is much appreciated! Here is the page that is having problems. There might be red borders as I am currently trying to fix the situation. https://websiteswizard.com/contact-us/

    Best,
    Greg Minassian

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    8 years, 11 months ago

    This CSS seems to fix it and line up the fields with the email field.

    div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row:last-of-type {
    margin-bottom: 0;
    width: 61%;
    margin: 0 auto;
}

    To add CSS:

    • If you are using WordPress 4.7, use the “Additional CSS” option in the customizer.
    • If your theme has a custom CSS option, use that to add the CSS shown above.
    • If not, install the plugin Simple Custom CSS.

    Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

    Thread Starter gregmini

    (@gregmini)

    8 years, 11 months ago

    Thank you so much for the help! How did you get to the width of 61%? Everything works great from my point.

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    8 years, 11 months ago

    How did you get to the width of 61%?

    Empirically — it just worked there.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Centering WPForms’ is closed to new replies.