Background color of area with cards is not customizable.

[traviskirton]

Expected Behavior

When loading an iframe, setting the ?transparent=0 variable should apply to the background element of the space for cards.

Per vimeo documentation, the following code should make the iframe transparent:

<iframe src="https://player.vimeo.com/video/137805268?transparent=0" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>'

I expect that when there are cards on a video, these too should be shown with a transparent background, like the following image.

Similarly, if I set the style of an iframe to have a white background color, this should also affect the background area of the cards.

I expect the following div to have a customizable background color:

div.vp-cards-wrapper.cards-wrapper--withThumbnails

Actual Behavior

The iframe is transparent, but the cards area is NOT transparent.

Steps to Reproduce

From your browser, go to:

https://createwithflow.com/learn/get-up-and-running/

Inspect the page, then make the preview area small enough to trigger the mobile-sized version of the page.

By going into the inspector, and finding the proper div, I can toggle the background color on / off.

[luwes]

thanks for the detailed request, we will look into this.