Shopify themes, liquid, logos, and UX
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 😞
Solved! Go to the solution
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!
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%;
}
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.
Hi! This is the URL. Thank you!
https://agedcareandmedical.com.au/?_ab=0&_fd=0&_sc=1
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.
Hi! @eFoli-Trapa This is the URL. Thank you!
https://agedcareandmedical.com.au/?_ab=0&_fd=0&_sc=1
Hi @kristinejrb,
Please send your site and if your site is password protected, please send me the password. I will check it.
Hi @LitExtension ! This is the URL. Thank you!
https://agedcareandmedical.com.au/?_ab=0&_fd=0&_sc=1
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
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!!
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!
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?
Thank you sooo much again!! ♥
Hi @kristinejrb,
Please change code here:
align-items: flex-end;
=>
align-items: stretch;
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
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%;
}
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024