Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

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

Solved

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

DaveB67
Tourist
5 0 4

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

 

 

Screenshot 2022-02-02 110313.jpg

Accepted Solution (1)
oscprofessional
Shopify Partner
16116 2409 3125

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

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

View solution in original post

Replies 16 (16)

oscprofessional
Shopify Partner
16116 2409 3125

@DaveB67 ,

Share the URL Please.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
DaveB67
Tourist
5 0 4

Its still in build mode so here is the preview link 

https://osc8hovmywb0z43v-26452099146.shopifypreview.com

 

Thanks

oscprofessional
Shopify Partner
16116 2409 3125

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

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
DaveB67
Tourist
5 0 4

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

saltandseaweed
New Member
4 0 0

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!

oscprofessional
Shopify Partner
16116 2409 3125

@saltandseaweed ,

What is an issue ? 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
saltandseaweed
New Member
4 0 0

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

oscprofessional
Shopify Partner
16116 2409 3125

@saltandseaweed ,

Send screenshot and URL please..

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
kate_carousel
Visitor
2 0 0

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 🙂

oscprofessional
Shopify Partner
16116 2409 3125

@kate_carousel ,

Share the store URL with the issue you are having.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
brettschetzsle
Shopify Partner
1 0 0

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.

 

IMG_5137.PNGIMG_5136.PNG

Anj-sensperfume
Shopify Partner
5 0 0
-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 🙂 also H1, H2

Enjoy

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


Angjee douangphoumy
stockdalen22
Tourist
3 0 1

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

Mitschri
Visitor
2 0 0

@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. 

EliskaM
Explorer
79 1 9

Thank you very much, it helped me

stockdalen22
Tourist
3 0 1

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

https://ycvsctyc6oc0gli4-29606150223.shopifypreview.com