Increase Button Size / Payment Options

Solved

Increase Button Size / Payment Options

Michelle103
Excursionist
18 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
8382 1650 1661

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>

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 4 (4)

suyash1
Shopify Partner
9529 1190 1528

@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 | You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

Dan-From-Ryviu
Shopify Partner
8382 1650 1661

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>

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

Michelle103
Excursionist
18 0 3

THANK YOU!!!!! Worked perfectly!

PageFly-Noah
Shopify Partner
1317 233 268

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.