Adjusting the width of rich text container

[selwilton]

Hi, I am trying to make the specific rich text container on the homepage more narrow.... here is the link
https://1d9ed8-ee.myshopify.com/

[WalkYourStyle]

Hi, this is really easy to do just follow the below instructions!

1. Go to 'Online Store' -> Themes

2. From your active theme click on the 3 dots(...) -> Edit Code

3. Inside the assets folder, locate the file 'base.css'

4. At the end of the file paste the below code

.rich-text__wrapper.rich-text__wrapper--template--15352363024439__rich_text_7pfxKr .rich-text__content{
   max-width: 80% /* The lower the percentage the narrower the rich text. Adjust according to your preferences */
}

[Dan-From-Ryviu]

Hi @selwilton 

You can do that by adding this code to Custom CSS of that rich text section 

.rich-text__wrapper {
max-width: 1000px;
margin: 0 auto;
}

[Entesta]

Hi @selwilton 

You can use the following code to resize the rich text container. You can set the size based on your requirements for desktop and mobile using the code below.

.rich-text__wrapper {
    max-width: 80%;
    margin: 0 auto;
}
@media(max-width: 600px) {
    .rich-text__wrapper {
        max-width: 100%;
    }
}

Thanks