How to add a custom image as a background to the featured collection and product collection images?

[D2RGEAR]

Hello,

Site: d2rgear.com

Is it possible to add a custom image as a background to the featured collection and product collection images?

I currently have it set to Accent 1, which is black.

I would like to use the following image as a background instead:

https://cdn.shopify.com/s/files/1/0555/3448/5800/files/bgo.png?v=1694220471

I tried a few different codes inside several files; however, I was unsuccessful.

Any help is much appreciated.

Regards.

[Dan-From-Ryviu]

Hi @D2RGEAR

Please add this code at the bottom of your base.css file to do that

.card--standard .card__inner {
background-image: url('https://cdn.shopify.com/s/files/1/0555/3448/5800/files/bgo.png?v=1694220471') !important;;
}

[D2RGEAR]

Hi,

I added it to the bottom of the base.css file; however, the background image is still black.

[D2RGEAR]

Following up,

I added it to the bottom of the component-card.css file, and now the background is changed.

Two problems:

1. The background isn’t displaying properly. I outlined examples in red.

2. The background is moving as you scroll through the page. I probably wouldn’t mind that, if the background was displayed properly.