Remove padding between product image and product info on collections page (Prestige Theme)

[Arter]

Hi,

How do i bring the product information closer to the product image on the collections page.

Currently there is a white gap between it.

Also, How do i remove the padding at the top of pages. On the collections page there is a padding between the filter bar and where the product image starts. On a product page there is a gap between the header and product image.

Theme: Prestige Theme

Store: arterclo.com

pass: yaifra

[LizHoang]

Hi @Arter 

You can follow the instruction to bring the information closer to product image: 

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

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

.product-card {
    gap: 0px;
}

here is the result :  

To remove the Gap between header and product: 

- You can add this code to CSS section: 

@media screen and (min-width: 700px) {
    .sm\:gap-12 {
        gap: 0rem;
    }
}

.gap-6 {
    gap: 0rem;
}

Here is the result: 

[Arter]

Hi LizHoang,

Thanks for your answer.