Add a shadow to product card on collection page

Solved

Add a shadow to product card on collection page

Fabbrows
Tourist
6 0 1

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

Accepted Solution (1)

KetanKumar
Shopify Partner
37138 3648 12061

This is an 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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on [email protected] regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 3 (3)

ExpertRookie
Shopify Partner
1518 249 322

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

- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on [email protected] regarding any help.

KetanKumar
Shopify Partner
37138 3648 12061

This is an 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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on [email protected] regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
RHF
Excursionist
24 0 6

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