Solved

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

kristinejrb
Explorer
45 0 8

kristinejrb_0-1667975274887.png

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 😞

 

Accepted Solutions (2)
LitExtension
Shopify Partner
4860 1001 1133

This is an accepted solution.

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!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

View solution in original post

LitExtension
Shopify Partner
4860 1001 1133

This is an accepted solution.

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%;
}
LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

View solution in original post

Replies 15 (15)

ExpertRookie
Shopify Partner
1518 249 314

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.

- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.
kristinejrb
Explorer
45 0 8

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

eFoli-Trapa
Shopify Partner
182 11 15

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.

Trapa | EFOLI
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Checkout our apps:Inkybay || MultiVariants
kristinejrb
Explorer
45 0 8

LitExtension
Shopify Partner
4860 1001 1133

Hi @kristinejrb,

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

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
kristinejrb
Explorer
45 0 8
LitExtension
Shopify Partner
4860 1001 1133

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

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
kristinejrb
Explorer
45 0 8

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!!

 

LitExtension
Shopify Partner
4860 1001 1133

This is an accepted solution.

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!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
kristinejrb
Explorer
45 0 8

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

Thank you sooo much again!! ♥

LitExtension
Shopify Partner
4860 1001 1133

Hi @kristinejrb,

Please change code here:

Screenshot.png

align-items: flex-end;

=>

align-items: stretch;
LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
kristinejrb
Explorer
45 0 8

It did work!!!! Thank you so much @LitExtension ♥

kristinejrb
Explorer
45 0 8

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

LitExtension
Shopify Partner
4860 1001 1133

This is an accepted solution.

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%;
}
LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
kristinejrb
Explorer
45 0 8

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