Add To Cart Button Align For All Products In A Row - Ella Theme

Store Design
, , , , , ,
1

kristinejrb_0-1667975274887.png
kristinejrb_0-1667975274887.png1351×613 255 KB

Can anyone help me align the add to cart button on all rows?
I am still editing the theme and is not yet published. Please help :disappointed_face:

2

HI @kristinejrb
Thank you for your question.
Please share your store URL, page URL and also password (if your store has one) so we can help you.

3

hello

hope you are doing well

it will be helpful if you provide your store URL and password (If the storefront is password protected). so that I can check and try to find a solution for you.

Thank you.

4

Hi @kristinejrb ,

Please send your site and if your site is password protected, please send me the password. I will check it.

5

Hi! This is the URL. Thank you!
https://agedcareandmedical.com.au/?_ab=0&_fd=0&_sc=1

6

Hi! @eFoli-Trapa This is the URL. Thank you!
https://agedcareandmedical.com.au/?_ab=0&_fd=0&_sc=1

7

Hi @LitExtension ! This is the URL. Thank you!
https://agedcareandmedical.com.au/?_ab=0&_fd=0&_sc=1

8

Hi @kristinejrb ,

I checked and the site is publishing Prestige theme now, so you can send me the preview link of Ella Theme.

I will check it

9

Hi @LitExtension . Here’s the link for Ella theme https://agedcareandmedical.com.au/?_ab=0&_fd=0&_sc=1&preview_theme_id=126406918203. I hope it’s the right one. Thank you again!!

10

Hi @kristinejrb ,

Go to Assets > base.css and paste this at the bottom of the file:

.product-item .card-information {
	min-height: 232px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
}
.product-item .card-information__wrapper,
.product-item .card-swatch {
	width: 100%;
}

Hope it helps!

11

Hi @LitExtension ! Yup. It did work!! Thank you so much. But can I ask if it is possible to make the title in the same line too?

kristinejrb_0-1668054536311.png
kristinejrb_0-1668054536311.png1772×697 186 KB

Thank you sooo much again!! :heart:

12

Hi @kristinejrb ,

Please change code here:

Screenshot.png
Screenshot.png980×528 29.2 KB

align-items: flex-end;

=>

align-items: stretch;
13

It did work!!! Thank you so much @LitExtension :heart:

14

Hi @LitExtension . I’m sorry but can I ask if you could check this? I was editing a wrong version of a theme. I tried applying the code but it didn’t work in this link:
https://k8bq96lxyih5xo6f-36389552187.shopifypreview.com

15

Hi @kristinejrb ,

Please add code:

.product-item .card-information {
    min-height: 255px !important;
}
.product-item .card-action {
    display: flex;
    width: 100%;
    align-items: flex-end;
}
.product-item .card-action form{
    width: 100%;
}
16

@LitExtension Heyy! It works!! Thank you so much!