How do I remove this black background from my retainer box?

[BigWiz777]

Hey guys, I’m kind of new to materials and widgets but have put together something with a little help. I followed a forum post on how to make the top and bottom of your scroll box transparent when scrolling through in my case buttons.

Transparent UMG Edges

For anyone ever coming here wondering how to pull this off here’s what I ended up doing with Everynone & scha’s help: [Capture.PNG] • A retainer box is parented to the UMG buttons/images/etc. • A new material is created, (the name of the material is irrelevant but in my case it is called “List_Overlay_Material”). • This material is then plugged into the “Effect Material” of the Retainer Box: [Capture.PNG] • Double click the material and set it up as the following: [Capture.PNG] *Note a…

This is the material in question

I’m wondering now, how do i get rid of this black box through the material graph?

I want to keep the transparancy effect you see at the top but want to get rid of the black background. Any help or ideas would be appreciated!

[CWLU4]

I struggled with that issue too, based on the same tutorial.

The solution is simply to follow instructions described in the tooltip of the effect material property of your retainerbox :

1. Setup your effect material blendmode as AlphaComposite :
   

This blendmode will get rid of the black bakground but require some additionnal consideration about the final color (see next step)

2. Make sure to multiply the Texture parameter color AND alpha by the desired final alpha :
   
   

[BigWiz777]

Thank you so much! I spent ages on this!