How to Resize Images for Blog Posts in Boundless Theme

[malibuapoth]

Hi, I have the Boundless theme and I would like to resize the images of my blog posts. Currently, the photos take up the majority of the page and I would like it to instead be thumbnail. If possible,  I would like all of the articles and graphics to be thumbnails in more of a grid style than the current layout. 

Here is a link to the blog posts for reference. - https://malibuapothecary.com/blogs/coastalcleancandles

Thanks in advance! 

[KetanKumar · Accepted solution]

Hello, @malibuapoth 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.template-blog {
    text-align: center;
.rte.rte--indented-images {
    text-align: center;
}
.rte--indented-images img:not([style]), .rte--indented-images img[style='float: none;'] {
    max-width: 500px;
    margin: 0px auto;
    display: inline-block;
}
}

 
if need grid layout so 

It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like

[malibuapoth]

Thank you!!! 

[KetanKumar]

@malibuapoth 

Thanks for update.

[sarahgosling]

Please could you help me with the same as above to create a grid style layout? I've looked at the link of the previous comment and I'd love mine to have that flow to the blog. 

[KetanKumar]

Hello, @sarahgosling 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

[sarahgosling]

Thank you the url is www.makewithmeraki.com 

[KetanKumar]

@sarahgosling 

Thanks for store url

can you please let me know how do you like this?

[sarahgosling]

Thanks for getting back to me, I can’t see what I’m meant to be looking at? 

[sarahgosling]

I would like the blog to follow a grid layout similar to the original poster  . If you look at their link at the top that would give you the idea.