How to make all product card text, same size while keeping full text length
Hey everyone, i really need some help with a problem. i can not get my product card text the same size, so everything looks wonky, both on pc and mobile like the pictures. I would like to make it so everything was in line, and looked more tidy, while still keeping the different full texts.
The website is https://petpower.dk/
We are using Gecko theme
Can anyone help?
Hey @Petpower,
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
.t4s-product-wrapper {
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
height: 100% !important;
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Hey @Petpower,
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
.t4s-product-wrapper {
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
height: 100% !important;
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
Hey, just one question more, on the front page i hasn't made them the same height, anyway to change that?
Community Blog Articles
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025
Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025