Make Information Pages wider via Spotlight theme

Topic summary

Goal: Widen regular information pages in a Shopify store (Spotlight theme) to match the wider layout of collection and product pages. The store URL and a screenshot were provided to illustrate the narrow layout.

Solution: Add a CSS override in the theme’s base.css targeting the narrow page container:
.page-width.page-width–narrow { max-width: 1400px; padding: 40px 36px; }
This increases the maximum content width and adjusts side padding for standard text pages.

Explanation: The .page-width.page-width–narrow class controls the default width of regular pages; overriding its max-width widens these pages without changing collection/product templates.

Outcome: The change worked perfectly, confirmed by the requester.

Attachments: One screenshot was shared to demonstrate the issue.

Status: Resolved. No further questions; the helper offered to assist with any additional needs.

Summarized with AI on December 15. AI used: gpt-5.

How do I make regular pages on my shopify store wider? I love the width of collection pages, product pages etc. But the regular text pages, like information pages that I type up, the width of the page is much thinner than the other pages. Any help would be greatly appreciated. Im including an example below.

My website is www.BetterParksProject.com

Thank You :slightly_smiling_face:

@JSPENCER0203 paste in base.css

.page-width.page-width--narrow {
    max-width: 1400px;
    padding: 40px 36px;
}

Thank you!! It worked perfectly :slightly_smiling_face:

@JSPENCER0203 If you have any questions or need further help, please feel free to reach out anytime.