How to center thumbnails in product page in Brooklyn Theme?

[Jerry-nv]

Hi there! 

I need to center the thumbnails below the main photo on the product pages. Currently they are all aligned to the left and are just two images so it would be better if they were centered.

If anyone can help me I will be very grateful.

[KetanKumar]

Hello, @Jerry-nv 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

[Jerry-nv]

Here is the link:

https://shop.panapesca.com/products/argentine-red-shrimp

Thank you!

[KetanKumar · Accepted solution]

@Jerry-nv 

1. Go to Online Store->Theme->Edit code
2. Asset->/timber.scss.liquid->paste below code at the bottom of the file.

.product-single__thumbnails { display: flex; }

[Jerry-nv]

Perfect! Thank you soo much!

[KetanKumar]

@Jerry-nv 

Thanks for the update and support.

[jvh5528]

Hi, I was wondering the same thing except in Debut Theme.

[KetanKumar]

@jvh5528 

yes, please try it 

[jvh5528]

It's not working. I pasted the code at the bottom of my theme.css and nothing happened. 

[KetanKumar]

@jvh5528 

oops, sorry can you please share store url?