Modify Blog Body Text Width - Venture Theme

Technical Q&A
1

Hello, hope you’re all well.

I was wondering if anyone knows how to reduce the width of the text in in the blog entries? I can’t seem to find it anywhere in the code and have messed up a few things trying to do so. Here is a screenshot of what I mean.

Blog Journal Width
Blog Journal Width2490×912 210 KB

Thanks in advance for any help,

Dan.

2

What’s your store URL?

3

Hi Sergiu,

The url for the site is:

www.dckutcher.com

password: dckutcher

Thanks a lot,

Dan.

4

Add this snippet to the bottom of your assets/theme.scss.liquid file:

.rte--indented-images {
    margin-left: 20%;
    margin-right: 20%;
}

You can play around with the value of 20%

5

Hi Sergiu,

Many thanks for that, it worked on the blog entry pages for sure. It also seems to have modified the width of the text previews on the blog entries page, do you know if there is a way to make it so that it doesn’t affect those parts?

Blog Preview
Blog Preview1608×1242 196 KB

Thanks very much,

Dan.

6

Absolutely, adjust the snippet above so it reads:

.template-article .rte--indented-images {
    margin-left: 20%;
    margin-right: 20%;
}
7

Hi Sergiu,

Thanks so much, that worked perfectly!

Dan.

8

Hi @Visely-Team would you be willing to share how to reduce the body text of the OOTS Flex Theme blog (www.delidia.de)? thanks in advance