# Media Overlay component

**URL:** <https://meta.discourse.org/t/media-overlay-component/81418>\
**Category:** Theme component\
**Created:** [24.Февраль.2018 17:17:21 UTC](https://meta.discourse.org/t/media-overlay-component/81418 "2018-02-24T17:17:21Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)\
**Post date:** [24.Февраль.2018 17:21:57 UTC](https://meta.discourse.org/t/media-overlay-component/81418/2 "2018-02-24T17:21:57Z")

</div>

> [@\_vincent](#):
>
> Is there any way to make the media overlay button compatible with this YouTube player CSS hack?
> 
> [Discourse Vincent theme - #89](https://meta.discourse.org/t/discourse-vincent-theme/76662/89)

I have fixed this with the addition of an explicit z-index, and some explicit colours. With the vincent theme it now looks like this when you mouse-over:

 ![31](https://global.discourse-cdn.com/meta/original/3X/7/4/74575ee68fdbbd7a453b0be8bbf184fd776dcf34.jpg)

You may want to add some further customisation to make it match your forum’s style 🙂

---

_[View the full topic](https://meta.discourse.org/t/media-overlay-component/81418)._