How to adjust blog post width without affecting image size?

Shopify Discussion
1

Hello,

I want to keep the blog content/ text width smaller than the images. Currently, I have added

.article-section .wrapper,{
max-width: 600px!important;
}

to the theme setting/custom style code but this is changing the image width. Is there a line of code I can add to this which will simply ignore the image? or any code that I can add would be helpful.

Many thanks

Harrison

2

Please provide a link to your blog page. Thanks

3

https://fontesneakers.com/blogs/news/about-us

4

Hey Harrison,

To be honest, there is no clean way to achieve this. Because your image is part of your content section. So it is really hard to keep the image wide but the content narrow. Remove the CSS that you added and replace it following. Following would only limit the max width of the paragraph in your blog to 900px.

#ArticleSection p{
max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

Thanks

5

Unfortunately, that wasn’t the solution I was looking for, thank you anyway.