How can I make quantity selecter wider

Topic summary

A user wants to make their product quantity selector wider on their Shopify store and provided a reference image showing the desired width.

Two solutions were offered, both involving custom CSS:

Solution approach:

  • Navigate to Shopify Admin → Online Store → Theme → Edit code
  • Locate the theme.liquid file
  • Add custom CSS code before the </head> tag

The responses appear to contain CSS styling code (though the actual code content is garbled in the conversation), which would adjust the width of the quantity selector element.

Status: The issue has received technical solutions but no confirmation yet from the original poster on whether either solution worked.

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

How can I make my quantity selecter wider like this

my website - https://aulrit.com/

@Alurithardd ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Add this code before tag:


Hi @Alurithardd ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Add this code before tag:


Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes: