Center Products in Collections - Brooklyn Theme

Highlighted
Tourist
8 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
Highlighted
Astronaut
780 70 98

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 me.
My email - suyash.patankar@gmail.com
1 Like
Highlighted
Shopify Expert
3657 549 883

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
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Tourist
8 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
Highlighted
Tourist
8 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
Highlighted
Astronaut
780 70 98

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 me.
My email - suyash.patankar@gmail.com
0 Likes
Highlighted
Shopify Expert
3657 549 883

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
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Tourist
8 0 0

HI Jasoliya!

 

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

0 Likes
Highlighted
Astronaut
780 70 98
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 me.
My email - suyash.patankar@gmail.com
0 Likes
Highlighted
Tourist
8 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