Increase Button Size / Payment Options

Solved

Increase Button Size / Payment Options

Michelle103
Excursionist
19 0 3

Hello - How can I increase my "purchase" button to match the shop pay size? 

 

Bonus question, where is says "more purchase options", how can I add in graphics for the accepted types? Similar to what is shown in my footer. 

 

URL is www.gloriapatricollective.com

 

Thank you! Capturer6.JPG

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
11028 2160 2306

This is an accepted solution.

Hi @Michelle103 

Please add this code to theme.liquid file, after <head> to increase of purchase button 

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

- Solved it? Hit Like and Accept solution!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 4 (4)

suyash1
Shopify Partner
10569 1306 1674

@Michelle103 - please add this css to the very end of your base.css file and check

.product-form__buttons .button.ajax-submit{width: 100%;  max-width: 100%;}

 

suyash1_0-1718852237261.png

 

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

Dan-From-Ryviu
Shopify Partner
11028 2160 2306

This is an accepted solution.

Hi @Michelle103 

Please add this code to theme.liquid file, after <head> to increase of purchase button 

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

- Solved it? Hit Like and Accept solution!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Michelle103
Excursionist
19 0 3

THANK YOU!!!!! Worked perfectly!

PageFly-Noah
Shopify Partner
1317 233 280

This is Noah from PageFly - Shopify Page Builder App

 

Hi @Michelle103  Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

 

<style>
 .ajax-submit{
   max-width: 100% !important;
  }
</style>

 

Hope my solution will help you resolve the issue.

 

Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.