Who can help? I want to change the size of the contact form in Studio Theme Just want to play around with different sizes until it fits with the overall design I tried some CSS suggestions but they don’t work with the Studio theme Thanks in advance

Hi @ntlee , Step 1: Online Stores > Themes > Edit code Step 2: Choose file base.css Step 3: Add code .contact { max-width: 1200px !important; } @media only screen and (max-width: 998px) { .contact { max-width: 600px !important; } } Thanks

Hi Websensepro, here it is: https://feelinglikecrab.myshopify.com/pages/contact

Hey @ntlee , Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid” Below the tag “” tag paste the following. Screenshot attached for reference. 1200px is desktop, 600px is mobile Screenshot is for reference only, the correct code to paste is the one shown above. […

Thanks ThePrimeWeb, but I don’t have the option to customize Liquid. I think it’s because the free template doesn’t allow it.

This works, but it only changes the top part, name and email field. It doesn’t affect the bottom part of the contact form.

Alright, you want to adjust the size of the contact form’s bottom part?

Step 1: Online Stores > Themes > Edit code Step 2: Choose file base.css Step 3: Add code Try This Code #shopify-section-template--20958478795084__contact_form_RFiRPY .color-scheme-1.gradient .contact.page-width--narrow { max-width: 1000px !important; padding: 0 50px 50px; }

i tried this code again today and somehow today it came through, it works!

How to change size of Contact Form in Studio Theme

Store Design

websensepro March 25, 2024, 11:31am 2

Hi @ntlee ,

Could you please share your store url link?

Thanks

Topic		Replies	Views
Kontaktformular breite anpassen!? Shopify Design design	1	38	March 20, 2023
Contact Form Size Ask & Offer design , customizations , css , shopify-themes , troubleshooting	1	56	January 20, 2026
Theme Dawn - change size of the contact us form Store Design	3	34	October 23, 2022
Changing Contact Form Size in Simple Shopify Theme Store Design	5	88	April 21, 2022
How to adjust the size of my contact form? Dawn theme Store Design troubleshooting	4	94	July 2, 2024

How to change size of Contact Form in Studio Theme

Related topics