Making Buy Buttons Same Size as Add to Cart

[manoman]

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

[KetanKumar]

@manoman 

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

[GabrielS · 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!

[manoman]

Where do i paste this bro?

[GabrielS]

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

[maxleon390]

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.