form box width

98 0 39

Hi, how do I make it so my contact form boxes widths looks shorter on the page? i want them about 1/3 of the length that they are on here

Shopify Partner
19166 2010 7075


sorry for this issue please add this code to css file bottom of the file

#shopify-section-contact-page-template #page {
    clear: left;
    margin-bottom: 50px;
    max-width: 480px;
    margin: 0px auto;
    float: none;


If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on regarding any help
Shopify Expert | Skype :
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Shopify Partner
944 263 682

This is an accepted solution.

hello @lesbrons 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

#shopify-section-contact-page-template  #page {
    max-width: 500px;
    margin: 0 auto;
    float: none;


Want to theme customize contact us E-mail :
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
98 0 39

thank you this worked great! do you know how to apply this to all the other pages so that they all match?