How to Resize Images for Blog Posts in Boundless Theme

Solved
Highlighted
Excursionist
13 0 4

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! 

 

 

Highlighted
Shopify Partner
9453 1193 3323

This is an 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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Highlighted
Excursionist
13 0 4

Thank you!!! 

Highlighted
Shopify Partner
9453 1193 3323

@malibuapoth 

Thanks for update.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Tourist
5 0 1

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. 

Highlighted
Shopify Partner
9453 1193 3323

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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
5 0 1

Thank you the url is www.makewithmeraki.com 

 

0 Likes
Highlighted
Shopify Partner
9453 1193 3323

@sarahgosling 

Thanks for store url

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

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
5 0 1

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

0 Likes
Highlighted
Tourist
5 0 1

I would like the blog to follow a grid layout similar to the original poster 

0 Likes