Make Page Text Left Aligned - Warehouse Theme

Highlighted
Excursionist
27 2 2

Hi all,

I'd like to make the page text left aligned to the contact form (the contact us and 3 lines below) - see screenshot

Screen Shot 2020-10-28 at 9.02.37 AM.png

https://renovation-warehouse.myshopify.com/pages/contact-us

pass: renoware

0 Likes
Highlighted

You can add the following code at the end of your main theme SCSS file.

#shopify-section-page-contact-template {
    .page__description, .page__title {
        text-align: left;
    }
    .container--narrow {
        max-width: 1150px;
    }
    .page__header--stack.page__header--centered {
        align-items: flex-start;
    }
}
• If the problem is solved remember to click ✅ to Accept Solution
• Press Like, if the answer was helpful
• Shopify/Shopify Plus custom development, optimization and consulting. You can hire me here.
0 Likes
Highlighted
Excursionist
27 2 2
Highlighted

Sorry I see now that your theme file is CSS and not SCSS. Please, use this code:

#shopify-section-page-contact-template .page__description,
#shopify-section-page-contact-template .page__title {
  text-align: left;
}

#shopify-section-page-contact-template .container--narrow {
  max-width: 1150px;
}

#shopify-section-page-contact-template .page__header--stack.page__header--centered {
  align-items: flex-start;
}
• If the problem is solved remember to click ✅ to Accept Solution
• Press Like, if the answer was helpful
• Shopify/Shopify Plus custom development, optimization and consulting. You can hire me here.
0 Likes
Highlighted
Shopify Partner
3247 714 862

@goldtreedesign 

Please add the following code at the bottom of your assets/theme.css file.

#shopify-section-page-contact-template .page__header--stack.page__header--centered {
    align-items: flex-start !important;
    }
 #shopify-section-page-contact-template .container--narrow {
    max-width: 1150px !important;
}

Hope this helps.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Excursionist
27 2 2

Hiya, still not working sorry:

Screen Shot 2020-10-28 at 4.19.39 PM.pngScreen Shot 2020-10-28 at 4.20.08 PM.png

0 Likes
Highlighted
Shopify Partner
3247 714 862

@goldtreedesign 

Please add the code I have given above. It is not the exact code that I have given.

Please put the exact code then it should work.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Excursionist
27 2 2

 Am I doing something wrong? Not working with the below code:

Screen Shot 2020-10-28 at 4.37.57 PM.png

0 Likes