i would like for the blog to be full width instead of on the side. is this possible the url is https://hgo23.myshopify.com/blogs/news/blog1
Topic summary
Main issue: Request to make a Shopify blog page display full-width instead of a side column; a screenshot was provided and a specific blog URL shared for context.
Proposed solution:
- Add custom CSS in the theme (globally or just for blog templates) via the Theme Editor’s “Add CSS” feature.
- Suggested rule: .article__inner { display: block; } and, if needed, enforce with !important: .article__inner { display: block !important; }.
- Reference provided to Shopify’s help doc on adding custom CSS.
Additional note: The site’s current color choices reduce legibility due to low contrast between text and background; consider adjusting colors for accessibility/readability.
Outcome/status: The original poster acknowledged with thanks, indicating the guidance likely resolved the issue. No further disputes or open questions were raised.
1 Like
thank you!
1 Like
Use custom css either for the blog templates in the theme editor or as a global theme CSS setting
https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css
Try the following CSS
.article__inner { display: block; }
or to force it
.article__inner { display: block !important; }
Also be aware you color choices make the website hard to read with low contrast font-color on a near similar background color.