Solved

Changing Add to Cart and Buy it Now to the same width

mdmiddl2
Tourist
25 0 2

My Add to Cart and Buy it Now are two different widths. Any help?

 

Screenshot 2024-01-09 at 8.52.48 PM.jpg

 

 

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
6962 1318 1342

This is an accepted solution.

Update code 

<style>
.product-additional-buttons,
.product-form__buttons .button.w100 {
    max-width: 60%;
}
</style>

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 7 (7)

Dan-From-Ryviu
Shopify Partner
6962 1318 1342

Hi @mdmiddl2 

Could you share your page URL?

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

mdmiddl2
Tourist
25 0 2

www.shoppreeminence.com

password: 11201994

Dan-From-Ryviu
Shopify Partner
6962 1318 1342

Go to Online store > Themes > Edit code > open theme.liquid file, add this code below after <head> element

<style>
.product-form__buttons .button.w100 {
max-width: 100%;
}
</style>

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

mdmiddl2
Tourist
25 0 2

Hi thank you. That made them both super long can the buy it with shop pay be made the same size at add to cart?

Dan-From-Ryviu
Shopify Partner
6962 1318 1342

This is an accepted solution.

Update code 

<style>
.product-additional-buttons,
.product-form__buttons .button.w100 {
    max-width: 60%;
}
</style>

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

mdmiddl2
Tourist
25 0 2

Thank you so much!!

Dan-From-Ryviu
Shopify Partner
6962 1318 1342

You are very welcome

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now