How do I make my contact form wider? My theme is Simple

[kash16]

I’d like for the form to take up more space than that. It was wider before but I changed the theme recently and I have a feeling that might have something to do with it “shrinking.”

[dmwwebartisan]

@kash16

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.contact-form input, .contact-form textarea {
    min-width: 80% !important;
}

Hope this works.

Thanks!

[al3cuz]

@dmwwebartisan would you happen to have a code to center the contact form instead of make it wider?

wozkat.myshopify.com - creoff

cheers

[dmwwebartisan]

@al3cuz

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.contact-form.form-vertical{
	text-align: center;
}
form#contact_form{
	display: inline-block;
}

Hope this works.

Thanks!

[JaniceBanks]

Hello there, the code doesn’t seem to work on what I want to do below:

when I use the code:

.contact-form.form-vertical{ text-align: center; }

form#contact_form{ display: inline-block; }

It looks like this below:

I used the earlier codes to extend my form and managed to center the “Contact” title, but I cant seem to align the form in the center with the title. Can you help? Thanks.