How can I change the width of a pages template in the dawn theme ?

Walter501 · ‎02-08-2025

I have a shop running, the product catalog collection-page align on the left under the logo https://bruijnbrood.com/collections/all . I created a page-template for pages like https://bruijnbrood.com/pages/ons-verhaal and https://bruijnbrood.com/pages/bestellen , but these pages don't align left under the logo. I can't see how I can align the 2 pages like the catalog collection-page.

Any idea how to get this done ?

LizHoang · ‎02-08-2025

Hi Walter501

- You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

.page-width.page-width--narrow.section-template--24226551333196__page_tWL9CN-padding {
    margin: 0 50px !important;
    max-width: 100% !important;
}

.page-width.page-width--narrow.section-template--22380694405452__page_pDWACe-padding {
    margin: 0 50px !important;
    max-width: 100% !important;
}

Result:

Best,
Liz

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program

View solution in original post

01tranali · ‎02-08-2025

Hi,

You can modify the page width from editor or using css.

Go to Theme->customize and click on setting icon-

For specific page, use css and make sure to add dynamic id to <body> tag so that you can add css for particular page only.

Thanks,

T

Best,
T

01tranali · ‎02-08-2025

Here is css, adjust the width below-

@media screen and (min-width: 990px) {

.page-width--narrow {

max-width: 94.6rem;

padding: 0;

}

Best,
T

LizHoang · ‎02-08-2025

Hi Walter501

- You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

.page-width.page-width--narrow.section-template--24226551333196__page_tWL9CN-padding {
    margin: 0 50px !important;
    max-width: 100% !important;
}

.page-width.page-width--narrow.section-template--22380694405452__page_pDWACe-padding {
    margin: 0 50px !important;
    max-width: 100% !important;
}

Result:

Best,
Liz

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program

How can I change the width of a pages template in the dawn theme ?

How can I change the width of a pages template in the dawn theme ?

Community Blog Articles