Adjusting Size of Dynamic Checkout Buttons

Highlighted
Tourist
4 0 0

Dynamic Checkout Button.JPGHello!

I am trying to adjust the size of the 'BUY IT NOW' dynamic checkout button. I added both the 'add to cart' and 'buy it now' buttons yesterday however the 'buy it now' button is stretching the entire width of the image! 

I want to alter the size so it matches the 'add to cart' button. 

Is there anyway to do this??

Thank you!

0 Likes
Highlighted

Hello GGDS,
Please share your site url.
So that i can check and let you know the exact solution here.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Shopify Staff
Shopify Staff
911 60 151

Hey, there. 

This is Dallas from Shopify's Social Care Team!

I am more than happy to see what I can do to help you out with this. In order to figure out the next best steps can you share the theme of your store and the URL to your website?

I look forward to helping you further.

Dallas | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

1 Like
Highlighted
Tourist
4 0 0

The URL for our site is https://golden-grove-dental-service.myshopify.com/ 

Thank you!

0 Likes
Highlighted
Tourist
4 0 0

The URL for our site is https://golden-grove-dental-service.myshopify.com/ 

Thank you for your help :)

0 Likes
Highlighted

Hello @GGDS 

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->timber.scss.liquid

#oldID .shopify-payment-button {
	margin: 10px auto 0;
	min-width: auto;
	max-width: 149px;
	width: 100%;
}

Hope this will work for you.
Thanks!

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Tourist
4 0 0

Thank you so much! It has worked

Is there a way I can adjust the width of both buttons - i.e. keep adjusting the size to find a good balance between the images and the ADD TO CART / BUY IT NOW?

0 Likes