#✅ | How do I go about adding centre alignment to a text element?

1 messages · Page 1 of 1 (latest)

fluid condor
#

Hello! I would like to make my title on my main menu align to the centre of the bounding box i have given, how do i do that?

amber turtleBOT
# fluid condor Hello! I would like to make my title on my main menu align to the centre of the ...

You can center text inside a Text element by using the Markdown alignment codes from the Text Formatting guide. Wrap the lines you want centered between ^^^ lines like this:

^^^
My centered title line
^^^

That forces everything between the ^^^ markers to render centered within your element’s bounding box. If your element’s size changes dynamically, consider enabling Sticky Anchors (right-click the element → Sticky Anchors) so it keeps staying centered relative to its anchor point.

For more formatting tricks, check the Text Formatting docs: Text Formatting.

fluid condor
#

This works great for vertical alignment! Is it possible to do it horizontally too?

amber turtleBOT
# fluid condor This works great for vertical alignment! Is it possible to do it horizontally to...

The ^^^ trick already does horizontal centering— it tells the Text element to center every line between the markers across the width of the box. For vertical centering, you’d rely on how the box is positioned (anchors/sticky anchors, manual resizing) or use extra padding lines (blank lines) to push the text down.

If you meant “horizontal” as in “left/center/right,” just wrap the lines with ^^^ to center them again; for right-aligned text use ||| instead. See the Text Formatting guide for all the alignment codes: Text Formatting.

fluid condor
#

My apologies i meant it works great for horizontal alignment, how would i go about doing it for vertical alignment too?

amber turtleBOT
# fluid condor My apologies i meant it works great for horizontal alignment, how would i go abo...

Vertical centering isn’t built into the Text element the same way horizontal alignment is. The easiest way is to control it with your element’s position:

  1. Anchor it to a centered point (e.g., “Center of Screen”) so the whole box stays centered vertically. You can drag it while holding O to show anchors or read more in Positioning Elements.
  2. Use Sticky Anchors (right-click the Text element → Sticky Anchors) so it keeps the same distance from that anchor even if its size changes.
  3. Adjust the element’s height and padding (add blank lines or transparent spacing text) until the content sits in the middle of the box.

If you need more precise control, you can also split your text into multiple Text elements (one for title, another for filler) and stack them with different anchors/offsets.

amber turtleBOT
#
Thread Marked as Solved

This support thread has been marked as solved by @fluid condor.

The AI helper is now disabled, but you can still continue the conversation if needed. Thank you for using our support system!