• Registered: 2018-04-09
  • Posts: 30

Topic: Alpha transparency in thumbnail fails

So I have a problem with transparent png images in thumbnail images.

I set a partly-transparent .png file as a thumbnail for a video.  I want to see the writing behind the button, and the user clicks the play button to see the video.

However, when I preview the exposition, the transparency turns to black.  Ruins the effect and makes me worry I have to do a lot of cutting and pasting of screen-grabs to actually get the effect I want.

Here's an example of what I mean:

https://monosnap.com/file/tgtU76QhbpFY1 … Iwcd29m6v#

  • Registered: 2016-10-05
  • Posts: 113

Re: Alpha transparency in thumbnail fails

It appears that the preview version of the video tool always includes a black background.
I was able to solve the issue in your exposition by changing that background using raw CSS option in page settings:

#container-weave .tool-video {
    background-color: #0000 !important;
}

  • Registered: 2016-12-28
  • Posts: 19

Re: Alpha transparency in thumbnail fails

Thanks for the link! It really helps. Unfortunately, the black squares are the screens of the video tools. They are not the transparency of thumbnails turning black in preview. I am afraid the screens can not be avoided.

  • Registered: 2018-04-09
  • Posts: 30

Re: Alpha transparency in thumbnail fails

Wow Casper, you really did solve it!

Thanks so much.

Hadn't explored far enough to know I could do CSS changes, not that I'm good with that stuff anyway!

- Flick