How can I center the contact form field on my website?

Store Design
1

Hi everyone,

I’m trying to center the contact form field but can’t figure it out (www.nailostyle.com)

I’ve tried with this code found on the community, but it didn’t work:

#ContactForm label {
    float: left;
}
form#ContactForm {
    text-align: center;
}

Capture.JPG
Capture.JPG1427×704 30.3 KB

Thank you!

2

On which page?

3

Please place this code at the end of theme.scss

.contact-form {
    width: 28%;
    margin: 0 auto;
}

@media only screen and (max-width: 768px) {
.contact-form {
    width: 52%;
}
}
@media only screen and (max-width: 450px) {
.contact-form {
    width: 100%;
}
}
2 Likes
4

@Hardik29418 Thank you so much!

1 Like
5

Hey @NailoStyle ,

I can see your form fields are already centralized.

I think you fixed your problem, right?

Let me know.

Thanks!

1 Like
6

Hi @dmwwebartisan

Yes, the code from param-blabla worked fine.

Thank you!

1 Like