How to change small images width

Shopify Discussion

Topic summary

A Shopify store owner wants to modify product variant image display to show 4.5 images instead of 4 complete images, with the fifth image partially visible to indicate scrollability.

Solution Provided:

  • Add CSS code to adjust thumbnail width to 20% (allowing 5 images to fit)
  • Code targets screens wider than 900px using media query
  • Modifies .thumbnail-list__item.slider__slide width property

Implementation Options:

  1. Add code to Custom CSS section in theme customizer (Product Page settings)
  2. If Custom CSS is full, add to base.css/theme.css/style.css/main.css/custom.css via Edit Code

Outcome:
The CSS solution successfully resolved the issue. The store owner confirmed the problem was fixed after implementing the code in their theme files.

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

He copied my answer :joy: