Add a shadow to product card on collection page

[Fabbrows]

Hi,

I'm trying to add a shadow around the product cards on my collection & homepage and also an 'add to cart button'.

Using impulse theme www.fabbrows.us

[ExpertRookie]

hi @Fabbrows 

Add this code at the bottom of Theme > Edit code > assets > theme.css file

.grid__item.grid-product .grid-product__image-mask {
    box-shadow: 1px 1px 5px 5px rgb(0 0 0 / 25%);
}

Try it and let me know

[KetanKumar · Accepted solution]

@Fabbrows 

we have try box shadow bt doesn't look good so can try border 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

.grid__item.grid-product {
    border: 1px solid #c7c7c7;
}

[RHF]

hi , where in dawn theme is the theme.css. i only have the theme.liquid ..so where would i add this code