Center collection list images on Dawn theme

I am looking for a way to center the last block of my collection list when there is an odd number of collections. By default they are aligned to the left, and I cannot find a way to change this. Please note that I do not want to make the last one any bigger than the rest, as that is the only solution I have found on the forums.

Link to my store: https://fitzoutfitters.com/

Thanks!

Hi @joshuafitz

I understand your query. Please follow the instructions below.

  1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
  2. Go to Asset folder and open the base.css file
  3. At very end of the code, add the code below
ul.collection-list.contains-card {
    justify-content: center;
}

Result here:

Use this code

.collection-list .contains-card {
    justify-content: center;
}

That worked perfectly! Thank you so much!