How can I enlarge the add to cart button on Ride theme?

Topic summary

A user seeks to enlarge the add-to-cart button on Shopify’s Ride theme.

Solution Provided:

  • Navigate to Shopify Admin → Online Store → Themes → Actions → Edit Code
  • Open Assets → base.css
  • Add the following CSS at the bottom of the file:
.product-form__buttons {
  max-width: 100% !important;
}

Outcome:
The original poster confirmed the solution worked successfully. Multiple respondents provided the same CSS fix, which forces the button to expand to full width using the max-width property with an !important flag to override existing styles.

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.

Hello everyone. Is there any way to increase the size of the add-to-cart button? I’m using Ride theme. I would appreciate if you could provide me with codes. I would greatly appreciate any help you can provide

Store URL: https://brainybook.xyz

1 Like

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the Bottom of the file:
.product-form__buttons {
max-width: 100%!important;
}

2 Likes

Thank you so much @ZestardTech :slightly_smiling_face:

1 Like

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

.product-form__buttons {
   max-width: 100% !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly