Looking to make this section the “rich text” wider how can we achieve this please? trying to make the main paragraph text stretch/fill more of the page.
Topic summary
A user seeks to expand the width of a “rich text” section on their Shopify store to make paragraph text fill more of the page.
Initial Solution Provided:
- Navigate to Online Store > Themes > Actions > Edit code
- Locate the CSS file (typically under Assets, named theme.scss.liquid or styles.css)
- Adjust width/max-width properties for the
.rich-textclass - Alternative: Add custom CSS setting
max-width: 100%; width: 100%; - Check if theme customizer offers width adjustment options without coding
Ongoing Issues:
- The original poster found
rich-text.liquidbut was clarified that CSS files—not Liquid files—control width styling - Two additional users report the suggested CSS modifications did not successfully widen their rich text sections
- One user shares a screenshot showing width-related code in their theme’s Liquid file, questioning if that’s the correct location to modify
- Theme settings adjustments affected other elements (columns) but not the rich text itself
Status: The discussion remains unresolved, with multiple users experiencing the same problem despite following the recommended CSS approach.
Hi @Isaac82933 , Welcome to the Shopify Community!
To make the “rich text” section wider and stretch the main paragraph text across more of the page, you can try these steps:
-
Edit Theme Code:
- Go to Online Store > Themes > Actions > Edit code.
- Locate the CSS file (usually under Assets) and find the section related to the “rich text” container.
- Adjust the width or max-width property (e.g., .rich-text { max-width: 100%; }).
-
Theme Customizer (if supported):
- Check if your theme’s customizer allows you to adjust section widths without code.
If you need further guidance, feel free to ask!
Hey @Isaac82933
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
**Hi @Isaac82933 ,**You’re welcome!
The rich-text.liquid file is typically responsible for rendering the rich text section, but the width adjustment would usually be done in the CSS file rather than the .liquid file.
To achieve the wider layout:
-
Check the CSS file:
- Go to Online Store > Themes > Actions > Edit code.
- Look for the CSS file (commonly named theme.scss.liquid, styles.css, or similar) under the Assetsfolder.
- Search for the class related to .rich-text and adjust the width or max-width properties there.
-
Add Custom CSS:
-
- If you can’t find the exact class, you can add custom CSS to your theme:
-
.rich-text {
max-width: 100%; /* Adjust this value to your desired width */
width: 100%;
}
Save the changes and check your site to see if the text now stretches across more of the page.
If you run into any issues or need further help, feel free to ask!
Hi, I have also changed this in my themes code but it hasn’t made the text wider. please could you advise?
Hi there!
I am having a similar issue but in my theme liquid I am only finding this which relates to the width. Is this where it would need to be changed? Because I had changed the width in the theme settings and it adjusted columns and such but not the rich text.
