FROM CACHE - en_header

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

Accepted Solution (1)

Accepted Solutions
suyash1
Shopify Partner
5675 667 949

This is an accepted solution.

add this, it will work

.ProductList--grid{ text-align: center;}
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?

View solution in original post

Replies 7 (7)
suyash1
Shopify Partner
5675 667 949

@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 - suyash.patankar@gmail.com, My timezone is GMT+5:30, to build shopify pages use pagefly | want to support?
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

suyash1
Shopify Partner
5675 667 949

@MSF - I can see it worked

suyash1_0-1612079761928.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?
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.


suyash1
Shopify Partner
5675 667 949

This is an accepted solution.

add this, it will work

.ProductList--grid{ text-align: center;}
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?
MSF
Tourist
5 0 0

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

BBStorm
Excursionist
24 0 11

Would something similar to this work on my page: Beautiful by Storm?