How do I adjust the rich text width in dawn theme?

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

2 Likes

@DaveB67 ,

Share the URL Please.

Its still in build mode so here is the preview link

https://osc8hovmywb0z43v-26452099146.shopifypreview.com

Thanks

@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

10 Likes

My God! That was effective and super quick. Thank you so much.

1 Like

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!

@saltandseaweed ,

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

@saltandseaweed ,

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 :slightly_smiling_face:

@kate_carousel ,

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.

Does this only work for the dawn theme? What about for Prestige?

https://ycvsctyc6oc0gli4-29606150223.shopifypreview.com

-On sale Chanels click online store, click on the mid-bottom of the page → SECTIONS - slide down menu you will see RICH TEXT → Fill the rich text on " talk about your brand " and many others options that you would like to file more :slightly_smiling_face: also H1, H2

Enjoy

##- Please type your reply above this line -#

Angjee douangphoumy

I’m not sure what you’re referring to!

@oscprofessional I 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