I want the product thumbnail images centered below the selected image. The product below shows the images “left-justified” instead of centered. [jbslide_0-1702779309685.png] I used this code before (added to bottom of base.css) that I saw in another post and it seemed to work then stopped working…

This code actually resolved the issue: .thumbnail-list { grid-template-columns: repeat(5, 1fr) !important; margin: 0px auto; justify-content: center; } [jbslide_0-1704252982429.png] I finally realized the problem was the desktop layout on the default product page was set “thumbnails” instead…

Want product thumbnail images center under selected image - Dawn Theme, ver. 12.0.0

Technical Q&A

jbslide December 18, 2023, 9:55pm 4

Still looking for help on this issue.

Thank you

1 Like

Topic		Replies	Views
How to Center Product Thumbnails? (Canopy) ...and I thought it would be easy! Store Design	4	23	January 19, 2022
how to center thumbnail images on product page? Store Design design , customizations , product-page	3	7	July 10, 2023
How can I move product image thumbnails closer to the selected image? Technical Q&A	2	8	December 14, 2021
How to fit all thumbnail images under the selected image in one row? - Dawn Theme , ver. 12.0.0 Technical Q&A shopify-theme	4	10	December 18, 2023
Move product thumbnails from bottom to left of product image? Store Design	4	14	November 18, 2021

Want product thumbnail images center under selected image - Dawn Theme, ver. 12.0.0

Related topics