Re: How to reduce the rich text side padding

Solved

How can I lessen the side padding of rich text in dawn theme?

chocolatte1234
Explorer
57 0 21

Screen Shot 2023-01-15 at 8.52.23 PM.png

How to reduce the side padding of the rich text. I don't want the side padding to be that much. I want it to look a little more spread out. I'm using dawn theme. Thank You! link to my shop: https://6fa09b.myshopify.com

Accepted Solution (1)

techlyser_web
Shopify Partner
1770 327 355

This is an accepted solution.

You can add code by following these steps to increase the width of richtext section

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

3. Paste the below code before </head>


.rich-text__blocks {
max-width: 100% !important;
}


techlyser_ecom_0-1673838815165.png

 

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

View solution in original post

Replies 5 (5)

techlyser_web
Shopify Partner
1770 327 355

This is an accepted solution.

You can add code by following these steps to increase the width of richtext section

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

3. Paste the below code before </head>


.rich-text__blocks {
max-width: 100% !important;
}


techlyser_ecom_0-1673838815165.png

 

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
chocolatte1234
Explorer
57 0 21

thank you!!!

Ryanp
Explorer
72 3 27

Do you know how to do this on Mobile only? 

techlyser_web
Shopify Partner
1770 327 355

On which page this section?

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

GemPages
Shopify Partner
5621 1261 1230

Hi @chocolatte1234,

 

Glad to support you today.

 

You can check out my suggestion below to get your concern resolved.

 

1. Go to Edit code on Online Store:

GemPages_0-1673845182649.png

 

2. add my code  above the </body> tag on Theme.liquid:

<style>
	.rich-text__blocks {
		max-width: 100% !important;
	}
</style>

 

I hope you find the answer helpful.

Kind & Best regards,
GemPages Support Team.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center