Collection list - Dawn theme - centering row

[David308]

Hello, 

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

Thank you. 

[NomtechSolution]

Use this code:

<style>
  .row.center-align {
    display: flex;
    justify-content: center;
    align-items: center;
  }
</style>

[David308]

Hello, 

I inserted the code into theme.liquid above "</head>", but no change occurred.

[Ollie]

Hey @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.
 

 
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.

[StoreWatchers]

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:

Let me know If need further assistance

Regards,

Store Watchers Support Team

[David308]

Hi, @StoreWatchers, 

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

Thank you. 

David 

[StoreWatchers]

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