My apologies! If there's no "Relative Y Position" option, it means the element isn't currently using relative positioning, or the option is named differently/more advanced.
Let's use absolute Y positions then!
To perfectly center your 16-height image element vertically on your 37-height button (which starts at Y 98), follow these steps:
- Calculate the top edge of the button: This is given as
Y 98.
- Calculate the total height of the area covered by the button:
37.
- Calculate the midpoint of the button's vertical span:
Button's starting Y + (Button's Height / 2)
98 + (37 / 2) = 98 + 18.5 = 116.5
- Determine the Y-coordinate for the top of the image so its center aligns with the button's midpoint:
Button's Midpoint - (Image's Height / 2)
116.5 - (16 / 2) = 116.5 - 8 = 108.5
So, you should set the Image element's Y position to 108.5.
Here's how to do it:
- Select your Image element.
- Right-click it and choose the "Position" option.
- Find the "Y Position" setting (it might just be called "Y").
- Enter
108.5 into that field.
This should center your image vertically over the button, assuming the image is not anchored to the button itself, or if you still wish to treat it as an independent element relative to the screen.
If you do want it to move with the button, you should ensure it's "anchored" to the button. Even if it doesn't say "Relative Y Position," if you dragged the image onto the button to anchor it, resizing the button might still auto-adjust the image. But setting the absolute Y to 108.5 will place it correctly initially.