How can I adjust the full width for blog text in an app?

Store Design
,

Topic summary

A user installed a blog app but cannot find an option to make the blog post text full width. They shared a screenshot showing the current narrow layout.

Proposed Solutions:
Multiple developers provided CSS code snippets to add to the base.css file:

  • Solution 1: Target .article-template__content.page-width with max-width: var(--page-width) and padding: 0 9rem using a media query for screens min-width 990px

  • Solution 2: Apply width: 90%, max-width: 130rem, and padding: 0px !important to article template elements including header, content, and social sharing sections

Both solutions include separate styling for mobile and desktop views. The user thanked everyone, suggesting the issue was resolved. One commenter requested the blog URL but received no response.

Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.
3

@Stagtis Please add the below line of CSS code at the end of your base.css file.

@media(min-width:990px){
body .article-template__content.page-width{
max-width:var(--page-width);
padding:0 9rem;
}
}