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

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

Streccent
Excursionist
18 0 3

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.

Screenshot 2024-11-16 at 14.23.21.png

 

Theme: Prestige Theme

Store: arterclo.com

pass: yaifra

Reply 1 (1)

LizHoang
Shopify Partner
1251 159 195

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 :

 

LizHoang_0-1731766477904.png

 

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program