You can see this if you want this type then comment again also u can massege me
Topic summary
A user working with the Shopify Athens theme seeks to reduce blog post image sizes. Multiple developers offer CSS solutions targeting different files and classes.
Initial Solutions Proposed:
- Adding CSS to
theme.liquid,main.css, orsection-blog-post.css - Targeting
.article-template-image imgwith width adjustments (40-50%) andmargin: autofor centering
Secondary Issue:
After implementing initial fixes, the user reports blog listing page images still aren’t resizing properly. A screenshot confirms the problem persists.
Latest Recommendations:
- Add
object-fit: scale-downorobject-fit: containto.card-article-image imgor.card-media img - Target
.template-blog .main-blog .card-article-image imgspecifically - Place code in
base.cssor at the bottom of main stylesheet
Current Status:
The discussion remains ongoing, with the user reporting that recent CSS suggestions haven’t resolved the blog listing page image sizing issue. Developers continue troubleshooting with increasingly specific CSS selectors and object-fit properties.