Can I widen the margins of my rich text box to fill the screen?

PG5555
Visitor
3 0 0

Hi There,

Is it possible to make my margins of my rich text box wider to fill the width of the screen? 

Thank you! Screen Shot 2024-03-14 at 2.31.34 PM.png

Replies 5 (5)

techlyser_web
Shopify Partner
1423 268 282

Hello @PG5555 
Can you share store URL?

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
PG5555
Visitor
3 0 0
techlyser_web
Shopify Partner
1423 268 282

Hello @PG5555 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .rich-text__blocks {
     max-width: 100% !important;
   }
</style>

techlyser_web_0-1710444047222.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
PG5555
Visitor
3 0 0

Thank you for your answer. Really helpful. Is there a way to always make the rich text match the width of a collection grid vs following the width of the screen? 

techlyser_web
Shopify Partner
1423 268 282

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
 .rich-text__text.rte {
     padding: 0 44px;
  }
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com