Minimal Theme Images Center Collection Page with One Product

Solved
MSF
Tourist
5 0 0

Hi Shopify Community!

My Shopify site currently has 3 collections whose collection pages are 4 columns.

I am adding a 4th collection (currently hidden) that consists of ONE product and I want it centered.
Is this possible—for different Collections to have different amounts of columns?

I am using the Minimal / Minimal3 theme.

My URL: https://moresummer.fun/

What the ONE product Collection Page currently looks like.
I want the product image in the center.
Screen Shot 2021-01-30 at 11.55.18 PM.png                    


Thank you in advance!
MSF

0 Likes
suyash1
Shopify Partner
1995 205 304

@MSF - add following css to the end of your theme.scss file  and check 

.ArticleListWrapper .ArticleList{text-align: center;}
you are welcome to contact me.
My email - suyash.patankar@gmail.com

#1 page builder app on Shopify - for FREE! PageFly

My timezone is GMT+5:30
0 Likes
MSF
Tourist
5 0 0

@suyash1 Hello, thank you for your help, but this did not work.
No visible changes.

Below image showing where I placed the line of code.
Screen Shot 2021-01-31 at 2.22.53 AM.png

0 Likes
suyash1
Shopify Partner
1995 205 304

@MSF - I can see it worked

suyash1_0-1612079761928.png

 

you are welcome to contact me.
My email - suyash.patankar@gmail.com

#1 page builder app on Shopify - for FREE! PageFly

My timezone is GMT+5:30
MSF
Tourist
5 0 0

@suyash1 
Ok, but my post specified to center the images in a Collection Page that has one product.
URL: https://is.gd/MrbinI

The Blog was fine, but again thanks for your help.


0 Likes
suyash1
Shopify Partner
1995 205 304

This is an accepted solution.

add this, it will work

.ProductList--grid{ text-align: center;}
you are welcome to contact me.
My email - suyash.patankar@gmail.com

#1 page builder app on Shopify - for FREE! PageFly

My timezone is GMT+5:30
MSF
Tourist
5 0 0

@suyash1 
Yes, this did work—Thank you so much!

0 Likes