Resizing sizes button on product page

Store Design
, ,

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.
1

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:

radaApeta_0-1721856141123.png
radaApeta_0-1721856141123.png1920×1080 222 KB

radaApeta_1-1721856210883.png
radaApeta_1-1721856210883.png1920×1080 193 KB

2

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