How to center collection thumbnail?

Solved
juana5429
Tourist
3 0 3

Hello

Please help me out for align problem.

As you can see below, when I set up the collection thumbnails, it is not centralized. 

I want to keep thumbnail size as "Collections per row " for 3. 

If I change to 2, the thumbnails are too big for me on mobile. 

Thank you

 

컬렉션 에러.png

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
24920 2498 9038

This is an accepted solution.

@juana5429 

thanks for url, can you please try this code

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

.collection-grid .grid {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 5 (5)
KetanKumar
Shopify Partner
24920 2498 9038

@juana5429 

sorry for that issue please share store url so i will check code and give your proper solution 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
juana5429
Tourist
3 0 3

Thanks for your kindness.

https://negagreen.com/

You can find it in the first page.

 

 

KetanKumar
Shopify Partner
24920 2498 9038

This is an accepted solution.

@juana5429 

thanks for url, can you please try this code

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

.collection-grid .grid {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

juana5429
Tourist
3 0 3

I really appreciate you! 

KetanKumar
Shopify Partner
24920 2498 9038

@juana5429 

its my pleasure to help us 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing