A Shopify store owner seeks to make their page description full width (or reduce margins to 50px on each side) and decrease the spacing between the title and description to 20px.
Solutions Provided:
Three community members offered CSS-based solutions:
Made4uo-Ribe suggested adding CSS code to the theme’s stylesheet (base.css, style.css, or theme.css) to adjust the .page-width.page-width--narrow class with max-width: 100% and padding-left/right: 5% (adjustable values).
PageFly-Oliver recommended inserting custom CSS into the theme.liquid file at the bottom before the closing markup tag.
Dan-From-Ryviu proposed adding CSS code in the theme.liquid file after the <head> tag.
All solutions involve editing the theme code through Shopify’s admin dashboard (Online Store > Themes > Edit code). The issue remains open with multiple approaches available for implementation.
Hi,
I want to make my page description full width or at least reduce the margins to 50px from left and right of the text. Also, want to reduce the margin between the title and description to 20px. Any help would be appreciated !
URL: https://irsyaofficial.com/pages/sweatshirts
Hi @aaskretail
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:
.page-width.page-width--narrow.section-template--21895415955750__main-padding {
max-width: 100%;
padding-left: 5%;
padding-right: 5%;
}
And Save.
Result:
You can adjust the padding.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Hi @aaskretail ,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: Paste the below code at the bottom of the file → Save
Hope my solution works perfectly for you!
Best regards,
Oliver | PageFly
Hi @aaskretail
Go to your Online store > Themes > Edit code > open theme.liquid file, add this code after element
