Reduce Product Padding - Prestige Theme

[emilyaugstudios]

Hi all! Does anyone have any recommendation on the best way to reduce the padding between my product image and the product information underneath (title, price and colour info) on my collection page. I’m using the prestige theme.

This is my URL – https://927103-16.myshopify.com/

Current look (I am happy with the padding between all the text elements, its just I’d like it all to be closer to the product image itself if possible?)

[BSSCommerce-HDL]

Hi @emilyaugstudios ,

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

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

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 as a solution. Thank you

[niraj_patel]

Hello @emilyaugstudios

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

.product-list { column-gap: 4px !important; } .product-card { gap: 0 !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.