make contact form smaller debut theme

52 1 22

Hi, I need to make the contents of this contact page smaller. I'd like more of a margin around the text and contact form.


PW: geifra

Screen Shot 2021-05-07 at 6.55.03 PM.png

Shopify Partner
18810 1975 6955


sorry for this issue can you please try this 

.contact-form.form-vertical {
    max-width: 640px;
    margin: 0px auto;
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
861 232 637

hello @JhordanMSUITE 

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

.template-page .contact-form.form-vertical {
     max-width: 640px;
     margin: 0px auto;

.template-page .section-header .rte{
      margin-bottom: 0px !important;



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
Shopify Partner
898 101 158

Hi @JhordanMSUITE,

Please place this code at the end of theme.css to

.contact-form {

     max-width: 640px;

     margin: 0 auto;


- But to reduce the spacing between text info and a contact form. You need to define a class to just set private on the contact us page. Like this:


  id="{{ page_title | handle }}"


#contact .section-header .rte {

      margin-bottom: 0;


Hope this helps.

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!