Black floating rectangle on top of the video on web page (not mobile)


I have used a plug-in (mb.YTPlayerPlus) to create background video on one page of my website ( I’ve managed to delete the title of the page, but you will see a weird black floating rectangle on top of the video. Do you know (1) how to remove it and (2) how I can then have some clickable text present in front of the video?

Many thanks

Hello there,

Add this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .page-id-1169 .content-wrapper {
      background-color: transparent !important;

If you have the same problem on other page, you’d need to duplicate the code and change the ID number 1169 to match exactly with the target page. You can easily get it with this plugin:


Many thanks again Kharis - the weird rectangle has disappeared like magic!


You’re welcome Mike!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.