make contact form smaller debut theme

JhordanMSUITE
Excursionist
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.

URL: https://beauty-and-the-board.myshopify.com/pages/contact

PW: geifra

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

KetanKumar
Shopify Partner
18810 1975 6955

@JhordanMSUITE 

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 bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Natztech
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 : natztech2312@gmail.com
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
LitExtension
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:

<body

  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!
0 Likes