Which code do i use to make my backgrounds in my product collections transparent - Dawn Theme

https://tntfishinglures.ca/collections/glow-trolling-spoons

I am trying to make my backgrounds transparent by altering my code, however, I cannot find the correct place to insert the code or which code to use. All of my products with a transparent background in my product collections show up with an off-white background until they are clicked on (once clicked on to isolate and display the product this off-white background disappears.

please help!

1 Like

Hi @tbiro ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/component-card.css->paste below code at the bottom of the file:

.grid__item .card-wrapper .card__inner {
    background: transparent !important;
}

I hope it would help you
Best regards,

Richard | PageFly

where am I pasting this? I attempted to paste it at the end and it did not work.

Hi @tbiro ,

Sorry, I don’t see my code in component-card.css file. Don’t know if you have pasted in the right place?

Best regards,