How to align Add to Cart buttons on my shop?

[kgidigital]

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!

[BSS-TekLabs]

• 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.

[AlexRatii]

i did same but not working what can i do

[Moeed]

Hey @AlexRatii

Share your store URL and Password if enabled.

Best,
Moeed

[AlexRatii]

egleap

https://admin.shopify.com/store/pick-mix-swedish-candy

[AlexRatii]

@Moeed shop info, tnx in advance

[Moeed]

Hey @AlexRatii

Follow these Steps:

1. Go to Online Store
2. Edit Code
3. Find theme.liquid file
4. Add the following code in the bottom of the file above </ body> tag

<style>
.product-card .text-block {
    min-height: 50px !important;
}
</style>

RESULT:

If you require any other help, feel free to reach out to me. If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

[AlexRatii]

thank you its word perfectly

how can i do same for all products page (– Pick & Mix Swedish Candy)

or other places like you may like under product page