How can I adjust the width of a rich text box in Dawn Theme?

Hi guys.

Whenever I add a rich text box on my site, it is far to narrow. Would anyone know, how I might make it the same width as the rest of the site?

It’s the first text box on this page

Thanks :slightly_smiling_face:

@CompleteNovice Please send me store password.

@CompleteNovice ,

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

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

1 Like

Thanks @oscprofessional . Looks good :blush:

It seems it needs some padding on computer and less padding on mobile. Do you know how I change that? :blush:

I’ve added two photos.

  1. Mobile version which needs less padding.

  2. Laptop version which needs padding.

Deleted comment

@DelightCart

This should work for two days:

https://5qud7tskej7m0ae7-61929914576.shopifypreview.com

@CompleteNovice

@media only screen and (max-width: 749px){
.section-template--15906671034576__1658224270b13033a2-padding, .section-template--15906671034576__165780908567624e2d-padding {
	padding: 20px 0 0 0;
}
.multicolumn-card__info {
	padding: 0;
}
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

Like This

Thank you @oscprofessional

Unfortunately it didn’t work, but I think its because I’m not being clear. Difficult in text and not my native language :blush:

I have added some photos to show what happens on laptop and on mobile. I have added a temporary margin guide, so it’s more clear, how wide the text is.

What I also noticed was, that with the new code, the width started having all sorts of padding, depending on screen sizes. I didn’t add photos of that though :slightly_smiling_face:

Laptop:

Mobile:

Thanks for helping out @oscprofessional :smiley: