🌐Overview

Use the Text element to add titles, names, descriptions, quotes, captions, and other written content to your yearbook pages. The Text tool provides controls for font formatting, color, spacing, positioning, visual effects, and editing multiple text boxes at once.

📝 Add a Text Box

• Open the page you want to edit.
• Select Elements from the left navigation panel.
• Locate the Text element.
• Drag the Text element from the Elements panel onto the desired location on your page.

• Click inside the new text box and enter your text.

✏️ Edit Text with the Text Toolbar

Double-click inside an existing text box to edit its contents and open the Text toolbar.

The toolbar provides quick access to:

• Font family
• Font size
• Increase or decrease font size
• Bold
• Italic
• Underline
• Text alignment
• Copy formatting
• Text color
• Eyedropper
• Reset toolbar position

To apply formatting to the entire text box, double-click inside the text box and make sure no individual words or characters are highlighted before changing the font, size, color, or other formatting.

If specific text is highlighted, formatting changes apply only to the highlighted text.

↔️ Move the Text Toolbar

The Text toolbar can be positioned anywhere in the editor.

• Double-click inside a text box to open the toolbar.
• Locate the handle on the left side of the toolbar.
• Click and drag the handle to the desired location.

The editor remembers the toolbar position when the page is refreshed.

This allows you to keep the toolbar away from the portion of the page you are actively designing.

🔤 Choose and Favorite Fonts

Open the Font dropdown in the Text toolbar to select from the available fonts.

Fonts may be organized into sections such as:

• Favorites
• Recently Used
• All Fonts

A star appears beside available fonts.

To favorite a font:

• Open the Font dropdown.
• Locate the font you want to save.
• Click the star beside the font.
• The font is added to the Favorites section at the top of the list.

You can favorite as many fonts as you like.

Favorited fonts are remembered for the same login and remain available when working in other projects.

🔠 Adjust Font Size

Use the font size dropdown to select a specific font size.

You can also use the + and − controls on the right side of the toolbar to increase or decrease the font size.

Font sizes increase in the following increments:

• Through 14: increments of 1
• Above 14 through 36: increments of 2
• Above 36: increments of 4

This provides more precise control at smaller font sizes while allowing larger text to be resized more quickly.

🎨 Change Text Color

Use the color control in the Text toolbar to change the selected text color:

• Use the color picker and sliders to choose a color or enter a Hex value.
• You can also use the eyedropper to select a color already being used elsewhere on the page.

🎨 Copy Formatting to Other Text Boxes

Use the paint roller icon to copy formatting from one text box and apply it to other text boxes.

• Select the text box containing the formatting you want to copy.
• Click the paint roller icon.

• A Formatting copied message appears at the top of the editor.

• Review the font, font size, and color shown in the message.
• Click another text box to apply the formatting.

• Continue selecting additional text boxes if needed.
• Press Esc or click the X in the message when finished.

🧩 Format Multiple Text Boxes at Once

You can change the formatting of several text boxes at the same time.

1. Select the first text box.
2. Hold Shift.
3. Select each additional text box you want to update.
4. Use the Text toolbar to change the desired formatting property.

You can update:

• Font family
• Font size
• Text color

Only the property you change is applied across the selected text boxes. For example, changing the font family updates all selected text boxes to that font while preserving their existing sizes and colors.

🌈 Multiple Formatting Values

When the selected text boxes use different formatting, the toolbar indicates that multiple values are present.

For example:

• The font or font size field may display multiple.
• The text color control displays a multicolor swatch.

Selecting a new font, size, or color applies that setting to every selected text box.

🔄 Reset the Text Toolbar Position

If you have moved the Text toolbar and want to return it beside the selected text box, click the reset icon on the right side of the toolbar.

This restores the toolbar to its contextual position near the selected text.

📐 Resize a Text Box

• Select the text box.
• Locate the resize handles around the outside of the box.
• Click and drag a handle until the text box reaches the desired size.

Resizing changes the available area for the text and may cause the text to wrap onto additional lines.

🔄 Rotate a Text Box

• Select the text box.
• Locate the rotation handle above the box.
• Click and drag the handle to rotate the text box.

For more precise rotation, use the rotation setting under Coordinates in the Edit Text panel.

🛠️ Use the Edit Text Panel

When a text box is selected, the Edit Text panel appears on the left side of the editor.

Depending on the selected text box and available settings, you can use this panel to:

• Delete the text box
• Lock or unlock the text box
• Adjust coordinates and dimensions
• Enable or disable a background color
• Change background color and opacity
• Add and customize a shadow
• Add and customize a text stroke
• Adjust character and line spacing
• Stretch text horizontally or vertically
• Change the text box's layer order

📍 Adjust Position and Size with Coordinates

Use the Coordinates menu when you need to position or size a text box more precisely.

• Select the text box.
• Open the Coordinates dropdown menu in the Edit Text panel.
• Enter or adjust the available values.

The coordinate controls may include:

• X Coordinate: Controls the horizontal position of the text box.
• Y Coordinate: Controls the vertical position of the text box.
• Width: Controls the width of the text box.
• Rotation: Controls the angle of the text box.

Coordinates are also useful when you want to position text boxes consistently across multiple pages.

🎨 Add a Background Color

You can place a color behind the text inside a text box.

• Select the text box.
• Open the Background Color menu in the Edit Text panel.

• Select the checkbox to enable the background.
• Choose a color from the available color palette.

• You can also use the eyedropper tool to select a color already used elsewhere on the page.
• Use the opacity slider to control how transparent or solid the background appears.

• To remove the background color, clear the background color checkbox.

🌑 Add a Shadow

A shadow can help separate text from the background and make it easier to read.

• Select the text box.
• Select the Show Shadow checkbox in the Edit Text panel.

• Adjust the available shadow settings.

Shadow controls may include:

• Color: Changes the shadow color.
• Opacity: Controls the shadow's transparency.
• Blur: Controls how soft or sharp the shadow appears.
• X-offset: Moves the shadow horizontally.
• Y-offset: Moves the shadow vertically.

You may also have the option to apply the shadow settings to:

• All text boxes on the current page
• All text boxes in the current section

🔲 Add a Text Stroke

A text stroke adds an outline around each character.

• Select the text box.
• Select the Show Text Stroke checkbox in the Edit Text panel.

• Choose a stroke color.
• Adjust the stroke thickness.

Text strokes can improve readability when text appears over a detailed photograph or a background containing several colors.

↔️ Adjust Text Spacing

Open the Text Spacing dropdown menu in the Edit Text panel to change how the text fits inside the caption box.

Available settings include:

Character Spacing

Character spacing, also called tracking, controls the amount of space between individual characters.

Increase the value to spread characters farther apart. Decrease it to move the characters closer together

The images above compare wide character spacing with the default setting of 0. 

Line Height

Line height, also called leading, controls the vertical space between lines of text.

This setting only affects caption boxes containing more than one line.

The images above compare 1.65 times leading with the default setting.

Stretch Width

Stretch Width changes the horizontal width of the text without changing the spacing between the individual characters.

The images above compare horizontally stretched text with the default setting. 

Stretch Height

Stretch Height changes the vertical height of the text.

The images above compare vertically stretched with the default setting of 0. 

📚 Change the Layer Order

When a caption overlaps another element, use the layer controls to determine which object appears in front.

Available options include:

• Send to Back: Places the caption behind every other element.
• Send Backward: Moves the caption back by one layer.
• Bring Forward: Moves the caption forward by one layer.
• Bring to Front: Places the caption above every other element.

The above photo shows the selected caption moved to the front.

🔒 Lock or Delete a Caption Box

To prevent a caption box from being moved or edited accidentally, select the caption and use the Lock option in the Edit Text panel.

Unlock the caption when you need to make additional changes.

To permanently remove a caption box, select it and choose the Delete option.

✅ Text Design Tips

• Keep important text inside the page's safe area.
• Use fonts and colors that remain readable against the background.
• Avoid stretching text excessively.
• Use consistent font styles and spacing throughout related pages.
• Use coordinates when text boxes need to align across multiple pages.
• Use multi-select formatting when several text boxes need the same font, size, or color.
• Use the paint roller when you want to copy an existing text style to other text boxes.
• Lock completed text boxes to prevent accidental movement.
• Review the page at multiple zoom levels before completing your design.