Icon too Dark when Inside an Overlay

[Nitrox32]

I am working on an UI for an inventory. The slot consists of an Sizebox → Border → Overlay → Image and a text box (both children of the overlay). Both the image and the text are so dark I can barely see them. What is going on and how do I fix it?

[BRGEzedeRocco]

Hi @Nitrox32 ,
One thing I can think of is that the widgets might be inheriting the color or opacity from another widget. The issue could be coming from there.
Could you share a screenshot of your widget setup? In particular, the Hierarchy and the Details panel for the SizeBox, Border, Overlay, Image, and Text widgets. That should help us identify what’s causing them to appear so dark.

I also found this forum post that might be helpful.

UMG layout rules ?

Canvas is useful if you want to shift widgets around, casting a widget as a canvas slot gives you access to the canvas’ child’s screen location. Canvas is also useful if you want to control Z order of canvas’ children. A canvas nested in another canvas can be useful if you want to have a draggable window. Since your 3d widget component will be pretty much immobile and house just a vertical box populated during run-time with custom Item widgets, no canvas is really needed. Neither would I bothe…

Additionally this video shows how to create an inventory system. It might help you figure out the issue, since it includes how to build the inventory UI.

Hope it helps!

[Everynone]

@Nitrox32

Sizebox → Border → Overlay → Image and a text box (both children of the overlay). Both the image and the text are so dark

Judging by the description, I’d blame the Border. Perhaps that’s the culprit: