Make the text box wider in the rich text section?

Store Design
1

Good morning!

I need some help if anyone knows - I want to make the text box wider, when I’m using the rich text section (or really, any of the sections of text, I’d like to make wider)

I messed with some widths in the style sheet and template but I just can’t figure it out.

For instance, here, I’d like the text on the top to be almost or as wide as the collection below it.

https://www.westmichiganballoons.com/collections/grab-n-go

Thank you so much for any insight!

2

Hey @lisahiggins ,
Welcome to the Shopify community!
You can follow the instruction below:
Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file.

@media screen and (min-width: 750px) {
.collection-hero__title+.collection-hero__description {
    max-width: 120rem !important;
}
}

If you feel like my answer is helpful, please Like and mark it as a solution**.** Let me know if you have any further questions.
Thank you!
Raman

3

Hi @lisahiggins

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->base.css ->paste bellow code in bottom of file

.collection-hero__description.rte {

max-width: 100% !important;

}

Hope that my solution works for you.

Best regards,

Richard | PageFly

4

Unfortunately, that didn’t work for me. I’m not sure if it will be different code, but I also want to make the width bigger in the collection area as well? Any other suggestions? Thank you for your time.

https://www.westmichiganballoons.com/collections/grab-n-go

5

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->theme.liquid->paste bellow code in tag

header.site-header.border-bottom.logo--left .collection-hero__description.rte { max-width: 100% !important; }

Please refer to this screenshot: https://prnt.sc/afpBHc_RJbvN

6

Hi @lisahiggins

Did you manage to find a solution to this? Looks like I’m struggling with the same thing.