How to widen text box in Dawn theme?

Store Design
1

Hi, I would like to widen the rich text boxes on my sites main page.

Is there a code to do this?

Thank you!

therscued.com

2

Hi @theRSCUED

1: Online store > themes > Actions > Edit code > Assets > section-rich-text.css

2: Change to any value you like

Kani_0-1663333911524.png
Kani_0-1663333911524.png668×559 17.2 KB

3: For example，I changed ‘max-width’ to 80%

Kani_1-1663333968487.png
Kani_1-1663333968487.png1715×233 22.7 KB

Kani_2-1663333978579.png
Kani_2-1663333978579.png1902×732 276 KB

1 Like
3

Hi this didn’t seem to work

I want to widen the text shown below

theRSCUED_0-1663334638076.png
theRSCUED_0-1663334638076.png1201×677 136 KB

4

Hi @theRSCUED ,

Thank you for reaching out to the Shopify forums!

Let me quickly fix that issue for you.

Please add the below CSS and check on the frontend:

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

It will look like this:

Prezentech_0-1663334818561.png
Prezentech_0-1663334818561.png1787×486 590 KB

If its works then, please do not forget to accept the solution! :face_savoring_food:

Thanks & Regards,
Prezen Tech

3 Likes
5

what page do I add this to?

6

Hi @theRSCUED

Please follow the below steps:

  1. Login to your store

  2. Go to Online Store > themes > Edit code > Assets > find section-rich-text.css

  3. Add the CSS in the last line of the file

  4. Save the file

That’s it!

1 Like
7

sorry this isn’t working for some reason

8

Hi @theRSCUED

Should I try for you?

9

Thank you! This worked for me! I added it in the Custom CSS settings in the Theme Settings.

Also, I found that if you want to center it instead of aligning it left; change it to .center instead of .left

10

Just tried this and it doesnt work for me, is it the same for origin theme?

11

Thank you, that works for me :slightly_smiling_face: