Overlay icon on image to trigger video lightbox

1

I must be doing something wrong somewhere.

I have a block. Inside the block is an image with a “FIGURE” tag. The block wrapper has an “A” tag and will open a lightbox video when clicked. This works fine.

I am now trying to add an icon overlay to the image. I see in Bricks there are icon settings for the image element so I choose the icon, set the size, etc. but nothing happens, there’s no icon.

I tried changing the “figure tag” of the image to “picture” and even removing the tag altogether but there’s still no icon.

How do I get the icon to appear guys?

Bricks 1.9.6.1

2

Ok to get around this, I’ve ditched the idea of using the icon controls on the image.

Instead I set position:relative on the video wrapper, added a new div position:absolute with flex and covered the whole image. Inserted an icon, positioned that in the center of the div. Added dark overlay with some opacity…and that works just as well and is probably better.