Grid: Masonry - Center all content in gallery

Site URL: https://roadrunner-caterpillar-27et.squarespace.com/gallery

I wanted to reduce the width of the overal size of the Grid: Masonry gallery.

I added this CSS and the content all reduced in size nicely.

.gallery {
    width: 85% !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
}

However, the content is aligned top left and I would like it centered. This would seem pretty easy but I can not find examples of code to do this.

2 hours ago, tommyello said:

Site URL: https://roadrunner-caterpillar-27et.squarespace.com/gallery

I wanted to reduce the width of the overal size of the Grid: Masonry gallery.

I added this CSS and the content all reduced in size nicely.

.gallery {
    width: 85% !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
}

However, the content is aligned top left and I would like it centered. This would seem pretty easy but I can not find examples of code to do this.

Your site is sill private now. Kindly share it with the protected password for us to check your issue together

123anypass

2 hours ago, tommyello said:

123anypass

try 

.gallery {
    margin: 0 auto;
    width: 85% !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
}

Wow, thank you, that did it!