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?
