Reduce padding and margins on pages for Dawn theme

Hi all!

Our text on our pages that we create ends up being quite cramped due to such large margins or padding, which kind of makes the page longer than what it needs to be.

I am wondering if there is a way for me to reduce the margins on the pages I create, and if so, how? I have included an example, with the red lines being where we would like the text to come out to.

Preview URL: https://o6mb5mbu86eor1y6-62453743830.shopifypreview.com

Thank you in advance!

1 Like

Hello @Dapplefrost ,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
body .shopify-policy__container {
max-width: 1200px;
}
1 Like

@Dapplefrost

  1. In your Shopify Admin go-to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
body .shopify-policy__container {
max-width: 100% !important;
margin:0 auto !important;
}

Thanks!

1 Like

@dmwwebartisan @ZestardTech Thank you both for your replies! I have added this code and changed the size on our policy pages, which is actually great and I am happy with that so thank you!

HOWEVER! While this has improved our policy pages, it is not the policy pages I want to change, but our standard pages that we create ourselves. So basically pages that appear as xxx.xxxxxxxxxx.xxxx/pages/xxxxxxxx.

Thank you in advance :slightly_smiling_face:

1 Like

@Dapplefrost

If helpful then please Like and Accept Solution.

@dmwwebartisan It was, HOWEVER, like I said, while this has improved our policy pages, it is not the policy pages I wanted to change, but our standard pages that we create ourselves. So basically pages that appear as xxx.xxxxxxxxxx.xxxx/pages/xxxxxxxx.

So while your answer was helpful, it is not the solution to this particular change I want to make.

Thank you in advance.

1 Like

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.

@ZestardTech
As I said to @dmwwebartisan , your answers were helpful, HOWEVER, like I said, it is not the policy pages I wanted to change, but our standard pages that we create ourselves. So basically pages that appear as xxx.xxxxxxxxxx.xxxx/pages/xxxxxxxx.

So while your answer was helpful, it is not the solution to this particular change I want to make.

Thank you in advance.

@Dapplefrost

Please share a screenshot of what do you want!

Thanks!

@dmwwebartisan
The screenshot is as the one originally provided. I think the misunderstanding is that it is a pages/ page, not a policies/ page. This is evident as the title is ‘Games and Events’ not ‘terms and conditions’ etc.

Here is the screenshot again for your convienience :slightly_smiling_face:

Hello @Dapplefrost !

Please share the URL of the page that you are referring to so that we can check and get back to you with a solution.

@Dapplefrost

Please share the page URL!

@rutvik_shop @dmwwebartisan

The URL for the exact page is https://contact-106.myshopify.com/pages/games-and-events

Password: twahly

1 Like

Hello @Dapplefrost ,

  1. In your Shopify Admin go-to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
@media screen and (min-width: 990px){
#shopify-section-template--15591290831062__main .page-width--narrow {
    max-width: 1200px !important;
    padding: 0;
}
}

Thanks!

1 Like

Hello @Dapplefrost !

Please add the below CSS in base.css theme file at the bottom to make it work as your required:

@media screen and (min-width: 990px){
.page-width--narrow {
    max-width: 101.6rem !important;
}
}

Hope this will help you out.

1 Like

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
.page-width.page-width--narrow {
max-width: 100% !important;
padding: 0 9rem;
}
1 Like

Thank you everyone for the help!

I have now been able to make the changes I need so thank you guys so much :grinning_face_with_smiling_eyes:

1 Like

Can you please send me the page URL?