Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: Add to cart buttons on one height in Dawn template

Solved

Add to cart buttons on one height in Dawn template

medpak
Excursionist
15 0 3

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

Opera Zrzut ekranu_2022-05-12_131949_medpak.shop.png

Accepted Solution (1)

Mr_RaviRaj
Shopify Partner
505 57 110

This is an accepted solution.

@medpak 

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

banned

View solution in original post

Replies 4 (4)

ZestardTech
Shopify Partner
5905 1066 1412

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

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

Mr_RaviRaj
Shopify Partner
505 57 110

This is an accepted solution.

@medpak 

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

banned
Mr_RaviRaj
Shopify Partner
505 57 110

@medpak 
Let me know if you need any more help.
We are happy to help you.

 

Thank you.

banned
medpak
Excursionist
15 0 3

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.

signal-2022-05-12-140012.png