Solved

Making Buy Buttons Same Size as Add to Cart

manoman
Explorer
82 1 10

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
481 106 114

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 4 (4)

KetanKumar
Shopify Partner
36855 3637 11979

@manoman 

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

If helpful then please Like and Accept Solution.
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
481 106 114

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
Explorer
82 1 10

Where do i paste this bro?

GabrielS
Shopify Partner
481 106 114

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.