How can I reduce the size display of featured image on blog?

Lia91
New Member
6 0 0

Hi there, 

I've just posted my first blog post and on the blog page the featured image is huge, taking up half the page on desktop. I'm using the Debut theme and I'd like to know how can I reduce the display of this image? I've looked into the liquid for this page and I believe I know where the code is but don't know exactly where to edit and what to edit with. Eventually once I have more than one post in my blog, I'd like them to display in a grid format (2 or 3 columns), so I'd like the featured images to display at half the current size. 

 

Many thanks!

0 Likes

Hi @Lia91

I checked on the Debut theme default is still working well.

You can take a look at this link here: https://themes.shopify.com/themes/debut/styles/light/preview

Please share your store URL and take a screenshot of the error, so I will check and provide a solution here.

Greetings! 

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
Lia91
New Member
6 0 0
0 Likes

@Lia91, do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the bottom of the file:

@media (min-width: 767px){
    #shopify-section-blog-template .blog-list-view .page-width{
    max-width: 600px;
    width: 100%;
    display: block;
    margin: 0 auto;
}
}


You can change the value 600px to make it larger/smaller as per your wish.

diego_ezfy_0-1620612397067.png

 



Please let me know whether it works.

Kind regards,
Diego

◦ Slideshow section not looking good or cutting off? Try the Slideshow (PRO) section. No apps required.
◦ Replace apps with copy/paste code snippets. Examples here.
◦ In need of coding help? I'm available for hire! ezfycode@gmail.com
0 Likes
Lia91
New Member
6 0 0

Thanks so much Diego! This worked a treat. 

Thanks for your help! 

0 Likes

@Lia91 

You're welcome. Wishing you all the best.

Kind regards,
Diego

◦ Slideshow section not looking good or cutting off? Try the Slideshow (PRO) section. No apps required.
◦ Replace apps with copy/paste code snippets. Examples here.
◦ In need of coding help? I'm available for hire! ezfycode@gmail.com
0 Likes
EllaBrown2021
Excursionist
91 0 8

It seems that this problem has been solved.

0 Likes
AlexYZ
Tourist
6 0 1

How about dawn theme 2.0, I can't find asset>theme.css but section-blog-post.css, can you guide where is place the code on new dawn theme 2.0? Thanks

frshop
New Member
2 0 0

I'm also having this issue. That file doesn't exist in the Dawn theme code

0 Likes
frshop
New Member
2 0 0

Do you know how to do this on the Dawn 2.0 theme. The file you indicated doesn't exist in the theme file.

0 Likes