How can I widen the Rich Text section in Debut Theme?

Store Design
1

I would like to make the Rich Text section on my website wider (less padding on the left and right). Is there a way to make it the full width of the page or close to it?

1 Like
2

Hi @bartlettp ,

Please share your store URL and Store’s password to view your website.
So that I will check and let you know the exact solution here.

Best regards.

3

@bartlettp

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

4

I created a custom page on my site because i’m using the Debut theme and there doesn’t seem to be a way to nest collections inside of another collection. The page is basically a landing page to link to two collections. I’m using a copy of the Rich Text Section that i named rich-text-paint-page-desc.liquid and the template i created for the page is called page.paint.liquid.

The url to the page is https://www.fluffernuttervintage.com/pages/paint-and-craft-products.

There is also a LOT of white space on the top and bottom of the rich text object (and actually all of the objects on the page) that i would like to minimize. It may be an obvious thing, but i’m very new to all of this and are clueless. Thanks for your help!

5

@bartlettp

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.template-page .grid__item.medium-up--five-sixths.medium-up--push-one-twelfth {
    max-width: 100%;
    width: 100%;
    left: 0;
}
6

Thank you very much…that made the section wider. It’s perfect. BTW…Is there something i can do to make less padding on the sections of the whole page. There is way too much white space around all of the objects (except the title and the first image).

THANKS!!

1 Like
7

@bartlettp

yes, please add this code

.template-page .grid__item.medium-up--five-sixths.medium-up--push-one-twelfth div#shopify-section-hero-paint-page-title {
    margin-top: 0;
    padding-bottom: 0;
}
8

Perfect. Thank you very much for your help!!

1 Like
9

@bartlettp

its my pleasure to help us