Collection list - Dawn theme - centering row

Technical Q&A
,
1

Hello,

How can I center-align a row in a collection list when there are fewer “collections” in the row,

David308_0-1684840814285.png
David308_0-1684840814285.png1873×772 186 KB

Thank you.

2

Use this code:
3

Hello,

I inserted the code into theme.liquid above “”, but no change occurred.

4

Hey [email removed]David308.

Thanks for reaching out.

I appreciate that you have let us know which theme you are using on your online store as that is very helpful! Looking into the Dawn theme, I noticed that there is not a specific setting that within the Theme Editor to center the collection list. However, you could make a change of coding to have the section displayed as you would like. Since the Dawn theme is designed and supported by Shopify, we can use free design time for Shopify themes to allow our internal teams to make the changes on your behalf.

23-11-8724-91662
23-11-8724-916621920×920 169 KB

If you are interested in using the design time, you will need to login to your online store using the Contact Us page. This will allow us to securely verify you as the store owner before speaking directly with a Support Advisor about the changes you would like to see.

Let me know if you have any questions.

5

Hi, @David308

Greetings from the Store Watchers Support Team! Happy to help you today.

  1. Go to online store > theme > edit code > assets > base.css(file) and Paste the below code at the bottom of the file → Save
#product-grid{
 display: flex;
 justify-content: center;
}

After applying the above CSS code , it will show like the following screenshot:

Screenshot_41.png
Screenshot_41.png1314×501 294 KB

Let me know If need further assistance

Regards,

Store Watchers Support Team

6

Hi, @StoreWatchers,

I tried your steps but nothing happen. Do you know where could be the problem?

Thank you.

David

7

Hi, @David308

Please provides us the page Url and password (if store password is enabled) , so that we can give you a right solution .

Regards,

Store Watchers Support Team