Shopify themes, liquid, logos, and UX
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!
Solved! Go to the solution
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 - 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%;}
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.
THANK YOU!!!!! Worked perfectly!
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.
Learn what's possible with customizing Shopify Checkout beyond what's available out of...
By Shopify Feb 19, 20252m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025