Shopify themes, liquid, logos, and UX
I've added an add to cart button on the collection subpages and I'd like them to display at one height, because right now they display depending on how many lines there are in the product title. How can I achieve this?
Link to store: medpak.shop
Solved! Go to the solution
This is an accepted solution.
.full-unstyled-link {
text-decoration: none;
color: currentColor;
display: block;
width: 226px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
Add this code in the bottom of Base.css file.
1. Navigate to Online Store->Theme->Edit code
2. Asset->/Base.css ->paste below code at the bottom of the file.
3. Save it.
Hello There,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >base.css and paste this at the bottom of the file:
.button--half-width {
display: initial;
width: auto;
}
Screenshot :- https://prnt.sc/_e-G-gErytTi
This is an accepted solution.
.full-unstyled-link {
text-decoration: none;
color: currentColor;
display: block;
width: 226px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
Add this code in the bottom of Base.css file.
1. Navigate to Online Store->Theme->Edit code
2. Asset->/Base.css ->paste below code at the bottom of the file.
3. Save it.
I think I will need some help, because this code now has a problem with displaying these buttons in the mobile version of the store. Everything is shifted to the right.
Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024