Motion theme collection callout transparent product image

Store Design
1

Hi,

Im trying to remove square box around a product in collection callout. Picture itself is png with transparent background. First the box was all white with 0% transparency. I was able to make it little more transparent with this code:

.callout-image {
    background-color: transparent !important;
}

But result is this:

Näyttökuva 2021-12-2 kello 15.36.13.png
Näyttökuva 2021-12-2 kello 15.36.13.png1868×852 111 KB

How could I get this box away completely so that products would just stack up nicely? Thanks!

2

Actually just noticed that this problem comes also with “image with text” section.

Näyttökuva 2021-12-2 kello 15.55.28.png
Näyttökuva 2021-12-2 kello 15.55.28.png1910×924 97.9 KB

3

Found a solution from settings. Under theme settings, animations to transparent.

4

I am having this same frustration however I cannot find the setting you describe.

Settings > Animation doesn’t have anything about transparency.

I also found
Settings > Colors > Animation -

There is is a background color selector here, but it doesn’t appear to effect the collection callout or image with text.