center contact form

  • Resolved Hilary Curtiss

    (@hilarykenmare)


    10 years ago

    Hi all,
    I really want to get my contact form centred. I’ve looked at other threads and I can’t get anything to work. I’m using the sugar and spice theme.
    I would like it everything to be centred, which I did find how to do in a thread, but it makes all the text fields smaller. I want all the text boxes to stay the same size but just be centred.
    Thanks!

    on contact page.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    How exactly should it look once it’s centred? I don’t understand what you mean. Like this: https://snag.gy/H5nEN.jpg ?

    Thread Starter Hilary Curtiss

    (@hilarykenmare)

    Yes like that would be perfect!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    In Jetpack’s Edit CSS option add this:

    .contact-form label,
.contact-form .contact-submit {
    text-align: center;
}

.contact-form input[type=email],
.contact-form input[type=text],
.contact-form textarea {
    margin-left: auto;
    margin-right: auto;
}

    Thread Starter Hilary Curtiss

    (@hilarykenmare)

    It worked! Thank you so much!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘center contact form’ is closed to new replies.