KetanKumar,
Yes, that’s what I want. Centered just like that.
Thank you
Topic summary
Issue: Product thumbnail images under the main image in Dawn 12.0.0 appeared left-aligned; goal was to center them on desktop.
What was tried: Multiple CSS tweaks were suggested (e.g., targeting .product–medium .thumbnail-list with grid-template-columns and widths, or a specific #Slider-Thumbnails… selector). These partially shifted thumbnails but caused side effects (smaller thumbnails, misalignment on other products), suggesting conflicting rules.
Key detail: An existing rule forcing a fixed number of grid columns (e.g., repeat(6, 1fr)) impacted layout consistency across products.
Resolution: Changing the product page’s desktop media gallery layout from “Thumbnails” to “Thumbnails carousel” in the theme settings enabled centering to work. With that setting, this general rule produced the desired result without breaking other products: .thumbnail-list { grid-template-columns: repeat(5, 1fr) !important; margin: 0 auto; justify-content: center; }.
Outcome: Thumbnails now center correctly beneath the selected image. Status: Resolved.
1 Like