Altering the background color when playing a video using trailer box

studiotdesign

I have a website page:

https://spacehouse.studiotdesign.com/videos/

It uses muffin builder's trailer box to create a grid of video thumbnails which play vimeo videos within a lightbox when clicked. The client wants me to adjust the background to either solid white or a ghosted white ONLY when the videos are being played. Am I able to adjust the background behind the video player to solid white or a ghosted white so that the lightbox/player will stand out better?

Please advise

Thanks

Eric

Pablo

Hi,

It's possible but only with Custom CSS.

Please paste this code into the Theme Options > Custom CSS & JS > CSS

body.page-id-8 .mfp-bg{
  background:white !important;
}

But, unfortunately, it cannot get more whiter. 

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

studiotdesign

Thank you. I tried to implement and saw no change. I cleared cache.

Are you sure this lightened the bg? I see no change

Pablo

You made a mistake with CSS code:
https://i.imgur.com/b3dAYMD.png

Before my CSS code you opened the bracket ( " { " ) two times - I removed one and the whole website went white, see the screen: https://i.imgur.com/bTEF3LW.png.

Then I removed the "display:none" from this same code of yours, and it works fine.
https://i.imgur.com/fRf8YHi.png

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next