Center a collection on Publisher Template

Store Design
, , ,
1

Trying to figure out how to center the second row of my collection. As you can see in the picture, there is a big gap to the right because I don’t have a fourth item. How do I center that entire collection row to the middle of the page?

Thanks for the help in advance!

Screenshot 2023-12-17 at 11.16.48 PM.png
Screenshot 2023-12-17 at 11.16.48 PM.png2124×1688 400 KB

2 
.your-product-grid-class {
  display: flex;
  justify-content: center;
  align-items: center;
}

CSS

3

Hi @jetsettinglaura

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Richard | PageFly