We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

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)

niraj_patel
Shopify Partner
2391 516 516

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

 

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)

niraj_patel
Shopify Partner
2391 516 516

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

 

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
Shopify Partner
108 3 38

Do you know how to do this on Mobile only? 

niraj_patel
Shopify Partner
2391 516 516

On which page this section?

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
5625 1262 1294

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