I have this image anchored with the intention of it being perfectly centered to the mouse, however, despite what the position X/Y and alignment would suggest, it seems to be off-center (in the widget editor at least). It is difficult to say if it is actual off center in game, but I am wondering why does it look like this in the widget editor? Is this somehow actually centered in game? The translation has not been adjusted either as seen in the second image below.
What you’re seeing is usually caused by the difference between the widget’s layout geometry and the actual opaque pixels inside the texture.
In UMG, the anchor/alignment system centers the widget bounds (the 100x80 slot in your case), not the visible shape of the icon itself. Your image asset appears visually asymmetric because:
-
the texture likely contains uneven transparent padding,
-
the white “spark” in the middle is not perfectly centered in the texture,
-
or the red outer lines extend farther on one side.
So even though:
-
Position X/Y =
0 -
Alignment =
0.5 / 0.5 -
Translation =
0
…the widget itself is centered mathematically, but the artwork inside the texture is not visually centered.
The Widget Designer grid makes this more noticeable because it displays the widget bounds very clearly.
A few things to check:
-
Open the source texture and verify the canvas/padding is symmetrical.
-
Check if the sprite/texture has transparent empty space on one side.
-
Try enabling “Draw Bounding Box” or temporarily add a border/background to confirm the widget slot itself is centered.
-
Test in-game with the actual cursor position — usually it will behave correctly if the slot is centered.
So the short answer is:
The anchor/alignment centers the widget’s rectangle, not the visible image content. The image asset itself is probably visually off-center due to padding or asymmetrical artwork, which is why it looks shifted in the Widget Designer.
Thank you for the response! I think the image itself being off-center is likely an issue in some of my cases, however, with reference this centered crosshair, I don’t think it is. I noticed that even if I just add a blank image, make it square, and then center it, if I zoom in, the anchor is still off center even if I have changed nothing about the image which makes me think the crosshair also likely did not have any kind of formatting issues prior to being imported into the project.
Where can I find the “Draw bounding box” setting? I dont seem to have that as an option under the “draw as” dropdown.
