Resizing sizes button on product page

Topic summary

A user seeks help resizing product size buttons to maintain uniform dimensions and display only 5 sizes per row instead of the current 8.

Proposed Solution:

  • Access Online Store โ†’ Edit Code โ†’ theme.liquid file
  • Insert custom CSS code just above the closing tag
  • The code snippet appears to control button sizing and layout

Current Status:

  • Solution provided but not yet confirmed as implemented
  • User included screenshots showing the current 8-button layout issue
  • Awaiting feedback on whether the CSS modification resolves the display problem

The discussion remains open pending confirmation that the suggested code adjustment achieves the desired 5-button-per-row layout with consistent sizing.

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

Hello,

i need help with resizing size buttons, i want every button to be the same size (the number must fit in it obv.) and want only 5 sizes to appear in the line. On the second image you can see that there are 8 sizes in single line. Thank you :slightly_smiling_face:

Hi @radaApeta ,

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

If you require further help to optimize your store, please donโ€™t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka