Back to Trilium

Content width

docs/User Guide/User Guide/Basic Concepts and Features/UI Elements/Content width.md

0.104.11.9 KB
Original Source

Content width

Some note types such as <a class="reference-link" href="../../Note%20Types/Text.md">Text</a><a class="reference-link" href="../../Note%20Types/Relation%20Map.md">Relation Map</a>, and saved search intentionally limit the width of the content.

This might appear surprising at first, but the idea is to make text fit well on wider screens without appearing distorted. This is especially the case if the document contains <a class="reference-link" href="../../Note%20Types/Text/Images.md">Images</a>, tables or other width-dependent elements.

Configuring the content width and alignment

The content width is expressed in pixels and can be changed from <a class="reference-link" href="Options.md">Options</a> → AppearanceContent Width and adjusting the Max content width section.

To effectively disable the content width limitation, simply set the width to a value larger than your screen size (e.g. 9999).

By default, the content is aligned to the left, but it can be centered horizontally by checking Keep content centered from the same section as the content width.

Adjusting at note level

For notes with large elements such as <a class="reference-link" href="../../Note%20Types/Text/Tables.md">Tables</a>, it sometimes makes sense to avoid the content width without affecting other notes. To do so:

  • Since v0.104.0 in the <a class="reference-link" href="New%20Layout.md">New Layout</a> only, go to <a class="reference-link" href="Note%20buttons.md">Note buttons</a> and toggle Full width.
  • Or manually apply the fullContentWidth label to the note.

[!NOTE] Some note types are full width by default, such as the <a class="reference-link" href="../../Note%20Types/Canvas.md">Canvas</a>. In that case the Full width toggle will not be displayed and the label will have no effect.