Remove padding in between products on related products section (Prestige Theme)

[Streccent]

Hi,

How do i make the padding between the products in the related products list 7px.

The padding on the outside is already 7px using the following code:

@media screen and (min-width: 750px){
.shopify-section--related-products .container {
    margin-left: 7px !important;
    margin-right: 7px !important;

Now i’m trying to figure out how to do this for the inside padding of the products.

Theme: Prestige Theme

Store: arterclo.com

pass: yaifra

[LizHoang]

Hi @Streccent

You can follow the instruction here to reduce the gap between products:

1. Go to Shopify > Theme > Customize > open Custom CSS

2. Copy and paste this code to the section > Save

.product-list {
    column-gap: 6px;
}

Here is the result :