[Share] Adding Padding on left/right of Gallery Grid

You can use this CSS code to Website Tools > Custom CSS to adjust padding on left/right of Gallery Grid.

If you can't make it work, you can send link to page where you use Gallery Grid, I will check again.

#1. All Gallery Grids

div.gallery-grid.gallery-grid--layout-grid {
  padding-left: 8vw !important;
  padding-right: 8vw !important;
}

#2. Gallery Grids on Desktop Only

@media screen and (min-width:768px) {
  div.gallery-grid.gallery-grid--layout-grid {
    padding-left: 8vw !important;
    padding-right: 8vw !important;
  }
}

#3. Gallery Grids on Mobile Only

@media screen and (max-width:767px) {
  div.gallery-grid.gallery-grid--layout-grid {
    padding-left: 8vw !important;
    padding-right: 8vw !important;
  }
}

#4. Gallery Grids on One Page

First, you need to find the Page ID. 

In my example, we have: #collection-66067426a799765085da1057

Next, use this CSS code

#collection-66067426a799765085da1057 div.gallery-grid.gallery-grid--layout-grid {
  padding-left: 8vw !important;
  padding-right: 8vw !important;
}

#5. Specific Gallery Grid

First, you need to find Gallery Grid Section ID. Use #4 Tool.

Then use CSS code like this

section[data-section-id="660fb69c5ad8264c5dbae2e7"] div.gallery-grid.gallery-grid--layout-grid {
    padding-left: 8vw !important;
    padding-right: 8vw !important;
}