Make rich text come out full width

Shopify Discussion

Topic summary

A user seeks help making a rich text section display full width and centered on desktop for their “About the Brand” section.

Solution provided:

  • Add custom CSS code .rich-text__blocks { max-width: 100%; } to the section’s Custom CSS field

Follow-up request:

  • User asks how to apply the same styling to their FAQs page
  • Solution involves adding CSS code wrapped in a conditional Liquid tag to the theme.liquid file, targeting the specific page ID

Status: Resolved with working code snippets provided for both pages. The discussion includes a screenshot showing the original layout issue.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

Hello,

Can someone please tell me how I make this partciular rich text section come out full width on desktop and centered? The “About the Brand” text.

Thank you!

URL: https://www.habooequestrian.com.au/pages/about

Ps. Please only message me through here

Screenshot 2025-04-23 at 12.55.09.png
Screenshot 2025-04-23 at 12.55.09.png3788×2030 460 KB

1 Like
2

Please add this code to Custom CSS of that section.

.rich-text__blocks { max-width: 100%; }
3

thanks so much dan - do you know how I could do the same on the FAQs page? for desktop

https://www.habooequestrian.com.au/pages/faqs

1 Like
4

You will need to add this code to theme.liquid file

{% if page.id == 97185398868 %}

{% endif %}