How can I adjust the page width of the Dawn theme to 70%?

[mjk68]

I added a page and it looks like the default is a narrow page width. I would like to change this to 70% width. Where can I make this edit?

[amorlett]

in page.liquid  change 

<div class="page-width page-width--narrow"> 
to
<div class="page-width page-width--wide"> 

[mjk68]

This didn't work. I still have a narrow page width. Any other ideas?

[amorlett]

make sure you are on the right page it should say something like page.liquid  not main-page or whatever else dawn has

[mjk68]

See screen shots, page width is still narrow.

[amorlett · Accepted solution]

i have no idea why but some reason dawn default for pages is actually main-page.liquid ... sorry about that i dont really use dawn much

[mjk68]

Thank you!!!

[Schoppifyer]

Are there other options besides narrow and wide? "medium" maybe?

[amorlett]

I'm not sure i haven't messed around with  dawn but most likely some type of grid css system setup

[designbrains]

Thanks mate this worked!

[JaimeJ]

Hello, I am having this problem but now in the most recent version of Dawn, there is no main-page.liquid file. Can you tell me which file I need to update now? I can't seem to find the code when doing a search. Thank you!

[JaimeJ]

I solved it. Nevermind : )

[MyCarteus]

Thanks 🙂

[EdwinHamers]

The page width is defined like this in the liquid files:

page-width--xxxxxxx

If you are changing the width of pages, you probably also want to change other parts of the Dawn theme, like blog posts, etc...

For blog posts, and possibly others, edit these files and change

page-width--narrow --> page-width--wide

Affected filed:

Sections > main-page.liquid
Sections > page.liquid
Sections > main-article.liquid (multiple lines)

There might be more places in the many liquid files that need changing!

[Lid221]

Super useful info! Thank you