Solved

Adding border to product images in collection page

gihan7575
Explorer
57 1 5

As you can see https://www.balenciaga.com/en-us/women/bags/view-all

The product images have a border 

gihan7575_1-1712980869853.png

 

 

https://lobonewyork.com/collections/all-bags

I want my collection page to have a border separation.

gihan7575_2-1712981008108.png

 

 

 

Gigi
Accepted Solution (1)
dmwwebartisan
Shopify Partner
12309 2550 3703

This is an accepted solution.

@gihan7575 

Please add the following code in your css file to remove gap.

.grid {
column-gap: 0px !important;
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 3 (3)

dmwwebartisan
Shopify Partner
12309 2550 3703

@gihan7575 

Please add the following code at the bottom of your css file.

.product-grid-container .card__heading a:after {
    border: 1px solid #000;
}

 

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
gihan7575
Explorer
57 1 5

That was kinda what I wanted, but now I want to remove the padding between the product cards. 

gihan7575_0-1712997107866.png

 

Gigi
dmwwebartisan
Shopify Partner
12309 2550 3703

This is an accepted solution.

@gihan7575 

Please add the following code in your css file to remove gap.

.grid {
column-gap: 0px !important;
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app