Center Products in Collections - Brooklyn Theme

[cbear]

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!

[suyash1]

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

[Jasoliya]

Hi @cbear 

Send me your store url i will give solution. 

[cbear]

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!

[cbear]

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. :(

[suyash1]

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.

[Jasoliya]

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;}

[cbear]

HI Jasoliya!

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

[suyash1]

you need to insert code into style.css or theme.css file.. you can find it
in Online Store ->edit theme code

[cbear]

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!