Play icon over image

[fxground]

Hello,

What would be the best way to tackle this… I would like an icon, over top of the toggle image for a modal … the modals im using have images that load up a video element with an embeded youtube video. Link in the secure note. But how would i put a play icon over top of this?

Trying to do this all built in without adding any custom code etc…

[ruenel]

Hey @GarlicFox,

Thanks for writing in!

You can insert a DIV element and position it as “Fixed” with the z-index of at least 10 and the 100% width and height so that it will have the same dimension as the column. You can then enable the Flexbox option of the DIV element so that you can position an Icon element at the center of it.

Hope this makes sense.

[fxground]

Brilliant!

[ruenel]

No problem.

[fxground]

Hello,

Was trying to get this done and here is what I have ... 

Section
   Row  
   Column
   Image
   Div (Fixed, z-index 10 and 100% width and 100% height)    
         Icon (12 em)

Screenshot in secure note … all i see is the image but can’t find the icon… does that structure look right from what i understood?

[nabeel]

Hi @fxground,

Your settings seems correct however the position should be “absolute” and set the Top value to 0 (see screenshot)

Hope this helps!