FROM CACHE - en_header

How can i center products on the home page (debut theme)

Solved
Cloper
Tourist
5 0 2

I need help, i have tried everything on this forum and google but doesn't work 😞

im still working on the site but I this is how it is now

Cloper_0-1620558105296.png

and this is how I would like it to be 

Cloper_1-1620558173341.png

 

 

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
11014 2379 3404

This is an accepted solution.

@Cloper 

Please add the following code at the bottom of your assets/theme.css file.

#shopify-section-collection .grid--uniform{display: flex; flex-wrap: wrap; align-items: center;  justify-content: center;}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.

View solution in original post

Replies 8 (8)
dmwwebartisan
Shopify Partner
11014 2379 3404

@Cloper 

Please share your webshop URL!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.
Cloper
Tourist
5 0 2
dmwwebartisan
Shopify Partner
11014 2379 3404

@Cloper 

I checked your webshop .product displayed already center.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.
Cloper
Tourist
5 0 2

yeah because i have three items per row and now I have nine items but if I add one more that one stays alone on the left, not in the center

dmwwebartisan
Shopify Partner
11014 2379 3404

Please add one product I will check.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.
Cloper
Tourist
5 0 2
dmwwebartisan
Shopify Partner
11014 2379 3404

This is an accepted solution.

@Cloper 

Please add the following code at the bottom of your assets/theme.css file.

#shopify-section-collection .grid--uniform{display: flex; flex-wrap: wrap; align-items: center;  justify-content: center;}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Click here GemPages The most powerful Shopify page builder.
suyash1
Shopify Partner
6189 729 1034

@Cloper - please add this css to the end of your theme.css file and check, you should see it like screenshot if that's what you want

#shopify-section-collection .grid--uniform{display: flex;    flex-wrap: wrap;    align-items: center;    justify-content: center;}

 

suyash1_0-1620565255413.png

 

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly | want to support?