Hi there,
I have the Kalles theme installed. I saw a lot of people had this issue with other themes and they all managed to resolve the issue but honestly nothing worked for me.
I want to make the boxes in a row the same size and the Add to cart button aligned on all cards, depending on the product with the longer title.
You can find the shop at https://redumaxx.myshopify.com/ and the password is 1234. I will show you in the screenshot (as you can see on the website) how it looks when there is no alignment.
So in this situation I want all the „Add to cart” buttons to be aligned with the longest products.
Thank you very much for your support!
- Here is the solution for you @kgidigital
- Please follow these steps:
- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press ‘Save’ to save it.
.t4s-product .t4s-product-wrapper {
min-height: 446px !important;
}
.t4s-pr-style7 .t4s-product-info {
height: 220px !important;
}
.t4s-pr-style7 .t4s-product-info__inner {
height: 100% !important;
}
.t4s-pr-style7 .t4s-product-info__inner .t4s-product-btns {
bottom: 18px !important;
position: absolute !important;
padding: 0 17px !important;
}
- Here is the result you will achieve:
- Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like
