Add black grid in between products. Hide outer grid lines. Dawn Theme

Hi @AndreyGutthard ,

You can try this code by following these steps:

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file base.css, theme.css or styles.css

Step 3: Insert the below code at the bottom of the file → Save

.collection .grid__item:nth-child(3n + 2) {
    border-left: 1px solid black !important;
     border-right: 1px solid black !important;
  }

  .collection .grid__item {
    border-top: 1px solid black !important;
    border-bottom: 1px solid black !important;
  }

.grid {
   column-gap: 0 !important;
   row-gap: 0 !important;
}

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it asa solution. Thank you :heart_eyes: :heart_eyes:

1 Like