Center Products in Collections - Brooklyn Theme

Tourist
6 0 0

Hi All!

 

I have a collection with just 2 products in it. Unfortunately they are left aligned and I would love them centered! I've searched high and low and cannot for the life of me figure out the code to fix this issue. I've come across solutions for other themes, but nothing for Brooklyn. Any help would be greatly appreciated!

0 Likes
Trailblazer
151 15 22

hello, there are 2 options

 

1- check collection page setting via customizer to make products centre

or

2 - we will need to do it via custom CSS and it will be done

 

Let me know if it helps you, you can PM me or let me know on my email suyash.patankar@gmail.com

you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
1 Like
Shopify Partner
1657 278 347

Hi @cbear 

Send me your store url i will give solution. 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
1 Like
Tourist
6 0 0

Hi Jasoliya!

 

It's www.autumnandindigo.com

 

The particular page I'm looking at is: www.autumnandindigo.com/collections/posh-lace

 

Thank you for your efforts!

0 Likes
Tourist
6 0 0

Hi suyash1! 

 

I'm 90% sure this has to be done via CSS. I've checked the customizer there's not anything for centering products or collections. :(

0 Likes
Trailblazer
151 15 22

can we have a chat on skype about your project, if you can add me to your shopify then I can surely solve your issue.

you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes
Highlighted
Shopify Partner
1657 278 347

Hi @cbear 

Add this css:

 

#CollectionSection center{    display: inline-flex; }
#CollectionSection center .grid__item:first-child{margin: 0 auto; margin-right: 0; }
#CollectionSection center .grid__item:last-child{margin: 0 auto; margin-left: 0;}

 

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
1 Like
Tourist
6 0 0

HI Jasoliya!

 

Can you tell me where exactly I need to insert this code? Thank you!!

0 Likes
Trailblazer
151 15 22
you need to insert code into style.css or theme.css file.. you can find it
in Online Store ->edit theme code
you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes
Tourist
6 0 0

Hi Suyash1! 

 

Thank you for your reply. I don't have either of those files on the Brooklyn theme. Just theme.liquid - which then diverts me to a million different places for the collections. Any further insight would be amazing! Thank you again!

0 Likes