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

kash16
Tourist
6 0 4

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."Screen Shot 2021-07-16 at 8.32.57 AM.png

dmwwebartisan
Shopify Partner
8335 1960 2639

@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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
al3cuz
Tourist
10 0 4

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

wozkat.myshopify.com - creoff

cheers  

dmwwebartisan
Shopify Partner
8335 1960 2639

@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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →