Solved

How do I change the blog featured image size in Streamline?

Jennlynn
Tourist
3 0 1

Howdy, looking to adjust our featured image size on our blog pages and can't figure out where in our code to do that. Our theme is Streamline and you can see an example of the image size on a blog page here: https://store.drivr.life/blogs/drive-log/driver-of-the-week-trenton

Accepted Solution (1)
made4Uo
Shopify Partner
3803 713 1112

This is an accepted solution.

Sorry @Jennlynn 

 

I misunderstood. I thought the image is coming from the blog content. Anyway, you can change the image size by following the instructions below.

 

1. From your Admin Page, click Online Store > Themes >Actions > Edit code
2. In the Asset folder, open the theme.css
3. Paste the code below at the very bottom of the file.

.article .article__image-wrap {
    max-width: 500px;
}

 

 

 

 

Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!

View solution in original post

Replies 5 (5)

made4Uo
Shopify Partner
3803 713 1112

Hi @Jennlynn,

 

I understand that you want to change the image size in the blog page. You can follow the instructions below. 

 

1. From you Admin page, go to Online store > Blog posts

2. Choose the blog you need to edit

3. This will open the page, you should be able to double click the image

4. Then an option (see image below) should come up. Change the image size by choosing one of the drop downs

 

made4Uo_0-1665603049061.png

 

5. Make sure to click SAVE

 

Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!
Jennlynn
Tourist
3 0 1

Thanks for the reply. That is not what comes up when you double click the image unfortunately. The only edit feature for blog pages in this theme is the alt text for SEO

made4Uo
Shopify Partner
3803 713 1112

This is an accepted solution.

Sorry @Jennlynn 

 

I misunderstood. I thought the image is coming from the blog content. Anyway, you can change the image size by following the instructions below.

 

1. From your Admin Page, click Online Store > Themes >Actions > Edit code
2. In the Asset folder, open the theme.css
3. Paste the code below at the very bottom of the file.

.article .article__image-wrap {
    max-width: 500px;
}

 

 

 

 

Volunteering to assist you!  Likes and Accept as Solution  is highly appreciated.✌
Coffee fuels my dedication. If helpful, a small Coffee Tip would be greatly appreciated.
Need EXPERIENCED Shopify developer without breaking the bank?
Hire us at Made4Uo.com for quick replies.
Stay in control and maintain your security by avoiding unnecessary store access!
Jennlynn
Tourist
3 0 1

Thank you so much! That totally worked. Much appreciated.

littlehaven
Visitor
1 0 0

Hi! I want to do the same, but with the theme Studio. There is no theme.css within the assert folder. Can you help? Thanks!