How to center thumbnails in product page in Brooklyn Theme?

Solved
Jerry-nv
Tourist
3 0 1

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.

Screen Shot 2020-08-31 at 11.58.18.png

0 Likes
KetanKumar
Shopify Partner
14144 1649 5076

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.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Jerry-nv
Tourist
3 0 1
KetanKumar
Shopify Partner
14144 1649 5076

This is an 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; }

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Jerry-nv
Tourist
3 0 1

Perfect! Thank you soo much!

KetanKumar
Shopify Partner
14144 1649 5076

@Jerry-nv 

Thanks for the update and support.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
jvh5528
Tourist
12 0 2

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

 

0 Likes
KetanKumar
Shopify Partner
14144 1649 5076

@jvh5528 

yes, please try it 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
jvh5528
Tourist
12 0 2

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

KetanKumar
Shopify Partner
14144 1649 5076

@jvh5528 

oops, sorry can you please share store url?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes