How can I narrow the width of my blog body text?

Store Design
1

Hi everyone,

I just added a blog to my Shopify site, but the width of the body text is a little wide for my liking. I’d like to adjust the width so it’s narrower, ideally I’d like the body text with to be the same length as the inserted photos.

Here’s a link to one of by blog posts: https://theplumstore.net/blogs/news/%F0%9F%8D%81the-must-have-phone-app-icons-for-autumn-%F0%9F%8D%82

Is there a way to do this?

Thank you!

2

Hi @jelloplum

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

@media screen and (min-width: 990px)

.page-width–narrow {

max-width: 50rem !important;

}

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

3

@jelloplum - your page width is 726px… images size can vary from 400px to bit more, even if we make it say 500px, will each image you add later be of 500px?

4

This worked, thank you Justin!

1 Like