How do i remove graduated grey background in our collection list

Shopify Discussion
1

hello

I would like to remove the grey graduated background that is shown in our collections list. all the product images have a transparent background by default and I would like to simply go back to a ‘no background’ or white background in the collection list so our images look cleaner. Sadly I can’t track down where to do this in the site.

https://www.theplumbshop.co.uk/collections

MCFD_0-1724945955569.png
MCFD_0-1724945955569.png1290×572 281 KB

Many thanks

Michael

2

Hi @MCFD

Do you like to change the text color also? I include the text color change on the code below, i didnt add any color I unset it so it will go back to before changes.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.skrim__item-content .skrim__overlay:after, .skrim__item-content .skrim__overlay:before {
    background: none;
}
.skrim__item-content .skrim__title {
    color: unset;
}

And Save.

Result:

Made4uoRibe_0-1724961066375.png
Made4uoRibe_0-1724961066375.png1418×658 126 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

3

Hello, That works perfectly, many thanks for your help.

I have left the text colour the same, but thanks for adding in the code in case I change my mind.

So grateful for your help and other comments.