Design the GUI Tutorial lifebar.png too hig

SiWoC

I'm following the Getting Started from the docs, but when I come to the lifebar part https://docs.godotengine.org/en/stable/getting_started/step_by_step/ui_game_user_interface.html#create-the-bars-base I think I'm missing something. The Count part is set to be 40 pixels high. Then when I drag the lifebar png's into the Gauge container, they become 53 pixels, the hight of the png. Should the lifebar be resized somewhere?

Also when changing the Dynamic font extra spacing on the bottom, the printscreen shows something different from what I get. It has the bigger font and the bottom spacing, but not the "top and bottom margins" showing in the tutorial.

TwistedTwigleg

Welcome to the forums @SiWoC!

I haven't gone through the tutorial myself, so I'm not sure right off what would be causing the issue. On the TextureRect node used for the HP, what are the stretch modes? Maybe it needs to be set so the texture can be resized (just guessing though).

SiWoC

I ended up setting the Size flags (Vertical) of the Bar.tscn Count.Background NinePatchRect to Shrink Center, just like they do a bit further down for the Counters That way the Count is not as high as the Bar, but I think this looks better, the size is now the same as the Energy Count