How do I change my pill shaped button into a rectangle button?

Topic summary

A user wants to modify their quantity selector buttons from pill-shaped to rectangular to match their \

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

I want to change my quantity selector button to a rectangle shape to match my “Add to Cart” and “Buy it Now” buttons.

1 Like

Hello @justinehuggs

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Hi,

This is the URL to the product page: https://huggscoffee.myshopify.com/products/h-blend-250g?variant=45373549904150

1 Like

You can add this CSS code at the bottom of your base.css file

.quantity:before, 
.quantity:after { border-radius: 5px !important; }

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:
.quantity:after {
border-radius: 5px !important;
}
1 Like