How to center products in a shopify collection

Store Design
, , , ,
1

Hello, I am using the “Dawn Theme”. My store is currently a one-product store with one product in a collection titled “graphic tees”. I want to know how I can center this one product in the featured collections section of my store’s home page.

Currently, it looks like this:

pnkdrim_0-1680485693531.png
pnkdrim_0-1680485693531.png1195×607 45.5 KB

I would like for the product to be centered just like the “SHOP ALL.” heading is centered.

2

Hello @pnk-drim ,

You can try to follow these steps:

  • Go to Online Stores → Themes → Customize
  • Go to Home Page → Featured collections → Select collection → graphic tees
  • Under Collection display → choose the Single product option.
  • Choose Layout → Choose Centered
  • Save and preview

Hope this can work.

3

Hi,
Please share your store URL and if your store is password protected then also provide password too.
Thank you.

4

Hello @pnk-drim

Could you please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution.

5

Hello @pnk-drim ,

It’s the GemPages Support Team and we are glad to assist you today!

Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team

6

store link: https://7bgqjf9o31ajkms2-67569353018.shopifypreview.com

7

Hello @pnk-drim

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

li#Slide-template--18526665376058__df0a65bc-8986-46c9-9d50-56a6a856f6ae-1 {
    margin: 0 auto !important;
}
8

Thank you! it works perfectly

9

Where do you find Assets>base.css

I do not see base anywhere.

10

This does not work anymore! Please help!