Hello!
I see that my contact page is full widht, however i dont want this page to be full width, how do i change it?
I still want the rest of the website to be full width. I am using the origin theme. Thank you!
Topic summary
A user needed to reduce the width of their contact page while keeping the rest of their site full-width on the Origin theme.
Solutions Provided:
Two community members offered CSS-based fixes:
- Option 1: Navigate to Shopify admin → Online Store → Themes → Actions → Edit code. In the Assets folder, locate the CSS file (base.css, style.css, or theme.css) and add:
.section-template--[ID].contact-form-padding {
max-width: 50% !important;
}
- Option 2: Add this code to base.css:
body .contact.page-width {
max-width: 1200px !important;
}
Resolution: The issue was resolved. The original poster confirmed the solution worked and thanked the contributors.
1 Like
Hi @CarpiStraps
Check this one.
From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.section-template--20594664177999__contact-form-padding {
max-width: 50% !important;
}
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
@CarpiStraps Please add the below line of CSS code at the end of your base.css file.
body .contact.page-width{
max-width:1200px !important;
}
Thank you very much!
1 Like