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

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
3839 716 1177

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;
}

 

 

 

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free

View solution in original post

Replies 5 (5)

made4Uo
Shopify Partner
3839 716 1177

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

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
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
3839 716 1177

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;
}

 

 

 

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
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!