How do I change the height and width of the multi-add to cart button?

Store Design
, ,

Topic summary

A user is seeking help to modify the styling of a multi-buy quantity selector (+/-) button on their Shopify store using the Canopy theme.

Specific issues:

  • The quantity selector button needs to match the height and width of the adjacent “Add to Cart” button
  • The + and - symbols appear slightly off-center vertically

Current status:

  • The theme is not yet live on the website
  • An image was provided showing the current button layout

Response received:

  • One commenter confirmed this can be achieved using custom Liquid code and CSS
  • Suggested hiring a Shopify developer for implementation
  • Offered personal assistance if needed

Resolution status: Open - no specific code solution has been provided yet.

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

Hi,

Please can someone help me make the multi-buy (+/-) button so that it is always the same height and width as the add to cart button?

hollypie002_0-1738281937531.png
hollypie002_0-1738281937531.png1370×256 21.7 KB

The + and - also seem slightly off centre vertically so if that’s fixable too I would be very grateful.

The theme isn’t live on my website yet but it is canopy.

Thank you!

Holly

2

Hi @hollypie002

This could be done using the custom liquid code and css.
You can Hire a shopify developer for this.

If need any help from my end Please let me know, Contact info is in signature.

With Regards,
Shuvam