How do I change the blog featured image size in Kalles Theme 4.2

[RegenTech]

Hey there! I'm trying to adjust the featured image size on my website's blog pages but can't seem to find where to do that in the code. I'm using the Kalles theme. The featured image is too large and viewer can barely see the content, so I want it smaller.

[CafeDelMar]

Hi @RegenTech. Welcome to the Shopify Community!

Please, share the store URL (and the password, if applicable). Would be much easier to debug and solve.

[RegenTech]

Oh, thanks, this is my link: https://www.regentech-fashion.com/blogs/inspire-me/lyocell-fabric-guide-2025
But how do I share my password with ya, by DMing?

[namphan]

Hi @RegenTech,

Please send the website link, I will check it for you

[RegenTech]

Hi, this is the link: https://www.regentech-fashion.com
and the blog url: https://www.regentech-fashion.com/blogs/inspire-me/lyocell-fabric-guide-2025

[namphan · Accepted solution]

Hi @RegenTech,

Please go to Customize > Theme settings > Custom CSS > Add code:

@media (min-width: 1025px) {
.t4s-article-image.t4s-pr {
    max-width: 40% !important;
}
}

[RegenTech]

OMG, it works! Thank you so much for your help, but what if I want to adjust all the images of the artice the same height limit.

[namphan]

Hi @RegenTech,

Please change code:

@media (min-width: 1025px) {
.t4s-article-image.t4s-pr,
.t4s-article-content.t4s-rte img {
    max-width: 40% !important;
}
}

[RegenTech]

It’s helpful, thank you so much for your help. Also, I'd like to set the fixed height of top page heading size to 606px, can you help me with that?

[namphan]

Hi @RegenTech,

Please add code:

@media (min-width: 1025px) {
.template-article .header-banner .page-head {
    height: 606px;
    display: flex;
    align-items: center;
}
}

[RegenTech]

Thank you so much, now i'm using different blog post template, and I want to limit the image slider (parent) height to 606px, only for the blog post, not for the other page. still the same url: https://www.regentech-fashion.com/blogs/inspire-me/lyocell-fabric-guide-2025

[namphan]

Hi @RegenTech,

Please add code:

@media (min-width: 1025px) {
.template-article .t4s-sec-slideshow .t4s-slideshow-inner:before {
    padding: 0;
    height: 606px;
}
}

[RegenTech]

It's super helpful. Thank you so much!

[namphan]

Hi @RegenTech,

You're welcome and happy to guide you 😊