Making Buy Buttons Same Size as Add to Cart

Solved

Making Buy Buttons Same Size as Add to Cart

manoman
Pathfinder
140 1 22

Hello.

I need help on how to make my buy button same size as add to cart, its like the buy button is slightly cut off. Example: https://gyazo.com/a84b2e7fab9723414757e3cce72de17e

I would also like to ask if its possible to add like a Add to Cart button next to Quick view in my collections view?
Ex: https://gyazo.com/65bb825a89eafd99aca426c3c081736d

If you can help please let me know and I will PM you the site URL since I do not want to post it here publicly. Thanks so much for your time! 🙂

Accepted Solution (1)

GabrielS
Shopify Partner
486 107 115

This is an accepted solution.

Hello,

 

One way to make the two buttons the same size would be to use the below CSS code:

.product-form__buy-buttons .shopify-payment-button__button--unbranded {
  min-height: 52px !important;
}

 

The other task is possible, but may not be as quick as the other one. If this modification is mandatory, I'd suggest to get in touch with a web developer - it can be challenging to find someone to do it for free.

 

 

Cheers!

Gabriel Soare | Web Developer
Are you looking to customize your Shopify or to fix a website bug?
You can reach me through my website gabrielsoare.com, DM, or email hello@gabrielsoare.com.
Have I helped you? Like my post.

View solution in original post

Replies 5 (5)

KetanKumar
Shopify Partner
37583 3668 12151

@manoman 

can you please  share your store url so i will check and update you

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

GabrielS
Shopify Partner
486 107 115

This is an accepted solution.

Hello,

 

One way to make the two buttons the same size would be to use the below CSS code:

.product-form__buy-buttons .shopify-payment-button__button--unbranded {
  min-height: 52px !important;
}

 

The other task is possible, but may not be as quick as the other one. If this modification is mandatory, I'd suggest to get in touch with a web developer - it can be challenging to find someone to do it for free.

 

 

Cheers!

Gabriel Soare | Web Developer
Are you looking to customize your Shopify or to fix a website bug?
You can reach me through my website gabrielsoare.com, DM, or email hello@gabrielsoare.com.
Have I helped you? Like my post.
manoman
Pathfinder
140 1 22

Where do i paste this bro?

GabrielS
Shopify Partner
486 107 115

You can paste it at the end of your theme.css or base.css file. Let me know if you encounter any issues.

Gabriel Soare | Web Developer
Are you looking to customize your Shopify or to fix a website bug?
You can reach me through my website gabrielsoare.com, DM, or email hello@gabrielsoare.com.
Have I helped you? Like my post.
maxleon390
Visitor
1 0 0

Professional explainer video are made to explain things clearly and interestingly. They use simple words and cool pictures to keep your attention. These videos are great for business, teaching, or advertising because they help people understand things better and remember them. They're a smart way to share ideas and messages effectively.