Hello, is there anyway to change the blog post size? On the old theme Dawn/Taste, the blog cards gave options but seems to be all one standard size now. I’m using the new Tinker Theme.
Topic summary
A user working with Shopify’s new Tinker theme is looking to customize blog post card sizes. Unlike the older Dawn/Taste themes which offered built-in sizing options, Tinker appears to have standardized card dimensions.
Proposed Solution:
- Adjust columns or image ratio settings directly in the theme editor
- Alternatively, apply custom CSS to control card dimensions
CSS Approach:
- Set
.article-cardwidth (example: 300px, adjustable to 400px or 500px) - Define
.article-card__imageheight (example: 200px) - Use
object-fit: coverto maintain image proportions
The discussion includes a screenshot showing the current blog layout. The solution remains untested by the original poster.
Hi,
Hope this will work
- You can either change columns/image ratio from the theme editor or Use simple CSS to control the blog card size.
CSS example
/* CUSTOM BLOG CARD SIZE */
.article-card {
max-width: 100%;
width: 300px; /* change to 400px, 500px if you want bigger */
margin: auto;
}
.article-card__image {
height: 200px; /* change height of image preview */
object-fit: cover;
}