A space to discuss online store customization, theme development, and Liquid templating.
How do I adjust the rich text width in dawn theme?
I wish the text to spread across the desktop screen rather than condense in the middle of it.
See image below
Any help appreciated
Thanks
Solved! Go to the solution
This is an accepted solution.
@DaveB67 ,
.isolate .rich-text__blocks {
width: 100% !important;
max-width: calc(100% - 10rem);
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->section-rich-text.scss.liquid
@DaveB67 ,
Share the URL Please.
Its still in build mode so here is the preview link
https://osc8hovmywb0z43v-26452099146.shopifypreview.com
Thanks
This is an accepted solution.
@DaveB67 ,
.isolate .rich-text__blocks {
width: 100% !important;
max-width: calc(100% - 10rem);
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->section-rich-text.scss.liquid
My God! That was effective and super quick. Thank you so much.
Hello there! I have tried every which way of Sunday to get this to work for my Rich Text but it's not happening :(( I have the Retina 6.0 theme by OOTS and currently upgrading to Shopify 2.0 - and chance you can give me a solution? Thank you!
What is an issue ?
Hi - thanks for your response to my comment! I am currently upgrading my website to the Retina 6.0 OOTS theme that is Shopify 2.0 but the Rich Text is exactly as DAVEB67's original post. It takes up way to much space and looks terrible when it's all squished together in the middle of the page - in my current website it spans across the page looking so much nicer. Would you have a solution of how to fix that? Thank you
Send screenshot and URL please..
Thank you for this solution. It fixed the problem and amended the text to full width in desktop, but, oddly, adding this code, had the opposing result of making the text more compressed in mobile view. Did anyone else find this issue and is there a workaround? Thanks again 🙂
Share the store URL with the issue you are having.
Hi there! I have a similar issue but on mobile...the rich text headers and text at the top of the page when centered are too bunched and the text stretches too much vertically. Like the attached. I just want more words on each line. It's fine on desktop.
Any help? I didn't think these solutions matched exactly. Thanks!
antica-barberia.us - not password protected. Page width is set to 1200.
I'm not sure what you're referring to!
@oscprofessionalI am using DAWN Theme v.7. I followed the instruction but it dint work. Would you be so kind to support me on extending the text across the desktop?
Thanks.
Thank you very much, it helped me
Does this only work for the dawn theme? What about for Prestige?
https://ycvsctyc6oc0gli4-29606150223.shopifypreview.com