[Resolved] Woocommerce Product Page Thumbnails

[Stefanie]

Hi – on my woocommerce single product page, on desktop the thumbnails under the main picture are displaying 4 in a row, then a line break before the next one. Not sure why they aren’t extending across the full width of the main picture?

https://www.littlemoonpapercompany.com/store/alphabet-flash-cards-pdf/

Thanks,
Stefanie

[Ying]

Hi Stefanie,

Try to add this CSS:

.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
    clear: none;
}

[Stefanie]

Perfect! Thank you

[Ying]

No problem 🙂

[Author]

Posts