How can I make my product card background transparent?

Store Design
, ,
1

I want to have transparent product card backgrounds instead of the background of my website. How to do that?

I did this to get the background.

.gradient {
background: var(–gradient-background);
background-attachment: fixed;
background-image: url(—) !important;
background-color: transparent !important;
background-position: center !important;
background-size: cover !important;
background-repeat: no-repeat;}
{background-image: none; !important;}

}

Ive tried but without succes:D

72f9712c3b5c4cbdb9dacff2f91b3d31.png
72f9712c3b5c4cbdb9dacff2f91b3d31.png1074×764 398 KB

2

Hi @JuusoH
Thank you for your question.
Please share your store URL, page URL and also password (if your store has one) so we can help you.

3

Hello @JuusoH ,

You can try to modify your code like this:

.product-card {
  background: transparent !important;
}

.product-card .gradient {
  background: var(--gradient-background);
  background-attachment: fixed;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-image: none !important;
}

Let us know if it’s work.

Transcy

4

Heres the url and password.

worldlovebrand.myshopify.com

password: teisau

5

This did not work.