How to make featured image smaller in Dawn theme?

[CHS1]

Hi, I am designing my shopify page, yet when I am creating a blog, I found that the featured image in my Blog is too big, it make the resolution super low and looks bad. What can I do to make the featured image display smaller instead of so wide and huge. Please help, thanks a lot!

btw I am using Dawn version 5.0.0 as the theme.

[Denishamakwana]

Welcome to shopify community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

[Choong_HueApps]

I can see that the featured blog post for Dawn theme has a huge image, it’s possible to reduce the height (try steps below) but I am not sure how you want to reduce the width. I imagine a reduced width will end up creating a lot of empty space left and right?

If you want to try just reducing the height, you may try steps below:

1. Go to “Edit Code” in your Dawn theme

2. Look for “component-article-card.css”

3. Around line 66, add code below:

padding-bottom: 40%!important;

4. The class should look like this when it is added correctly:

.article-card__image {
  overflow: hidden;
  padding-bottom: 40%!important;
}

5. Save it. Check your blog and see if there is changes. Feel free to play around with the percentage to suit your preferred height.

Screenshot below for your reference.

Let me know if this works?

You can mark this answer as Solution if this solves the problem.