Text Editing Guide for Avada Live Builder

This guide will show you how to edit and format text content using the Avada Live Builder.

Accessing and Editing Text Content

Step 1: Select the Text Element

  • In Avada Live Builder, click directly on the text you want to edit
  • You'll see a blue outline around the selected element
  • For nested elements, you may need to click multiple times or use the Navigator panel
Selecting Text Element

Selecting a text element in Avada Live Builder

Step 2: Enter Edit Mode

  • Once selected, click again or double-click to enter edit mode
  • Your cursor will appear in the text, allowing you to type
  • You can now add, delete, or modify text content
Text Edit Mode

Text edit mode with cursor active

Using the Inline Formatting Toolbar

When you select text, the inline formatting toolbar appears above it with these options:

Typography Options (T icon)

  • Click the "T" icon to open typography settings
  • Adjust font size using the slider or input field
  • Change line height to control spacing between lines
  • Modify letter spacing for visual effect
  • Select different heading tags (H1-H6, p, etc.)
  • Choose different font families if available
Typography Options

Typography options in the inline toolbar

Text Color

  • Click the color palette icon
  • Select from preset colors
  • Use the color picker for custom colors
  • Apply the selected color to your text
Text Color Options

Text color options

Basic Formatting

  • Bold: Click the "B" icon or use Ctrl+B
  • Italic: Click the "I" icon or use Ctrl+I
  • Underline: Click the "U" icon or use Ctrl+U
Basic Formatting Options

Basic formatting options

Adding Links

  • Select the text you want to link
  • Click the chain icon in the toolbar
  • Enter the URL in the link dialog
  • Optionally set the link to open in a new tab
  • Click "Apply" to create the link
Adding Links

Adding links to text

Text Alignment

  • Click alignment icons to align text left, center, right, or justify
  • This affects the entire paragraph, even if you've only selected part of it
Text Alignment Options

Text alignment options

Extended Formatting Options

Click the three dots (...) to access additional options:

  • Strikethrough: Adds a line through text
  • Blockquote: Formats text as a quote (affects entire paragraph)
  • Lists: Create bulleted or numbered lists
  • Indentation: Indent or outdent paragraphs
  • Remove Format: Clears all formatting from selected text
  • Inline Elements: Access special elements like Dropcap, Highlight, and Popover
Extended Formatting Options

Extended formatting options

Best Practices for Text Editing

When to Use Inline Editing vs. Element Settings

  • Use inline editing for:
    • Changing specific words or phrases
    • Adding formatting to portions of text
    • Quick content updates
  • Use element settings for:
    • Changing all text in an element
    • Adjusting spacing, margins, or padding
    • Setting responsive behavior
Element Settings vs Inline Editing

Comparison of element settings vs. inline editing

SEO Best Practices

  • Use proper heading hierarchy (H1, H2, H3, etc.)
  • Include relevant keywords naturally in headings and content
  • Keep paragraphs concise and scannable
  • Use descriptive text for links instead of "click here"

Web Writing Tips

  • Write in clear, simple language
  • Use short paragraphs (2-3 sentences)
  • Utilize bullet points for lists
  • Include subheadings to break up long content
  • Front-load important information

Common Text Editing Tasks

Updating a Page Heading

  1. Click on the heading text
  2. Enter edit mode and modify the text
  3. Use the Typography options to adjust size if needed
  4. Save your changes
Editing Page Heading

Editing a page heading

Formatting Key Information

  1. Select the specific text you want to emphasize
  2. Use Bold, Italic, or Highlight to make it stand out
  3. Consider using a different color for important notes
  4. Don't overuse formatting – be selective for maximum impact
Formatting Key Information

Formatting key information

Creating Bulleted Lists

  1. Place your cursor where you want the list
  2. Click the three dots (...) to open extended options
  3. Select the bulleted list icon
  4. Type your first item and press Enter for each new item
  5. Press Enter twice to exit the list format
Creating Lists

Creating bulleted lists

Troubleshooting Text Editing Issues

Text Changes Not Saving

  • Make sure you've clicked the Save button in the top toolbar
  • Check if you're in preview mode (can't edit in preview)
  • Try refreshing the page and attempting the edit again

Formatting Not Applying Correctly

  • Make sure you've selected all the text you want to format
  • Try applying formatting one option at a time
  • Check if the element has style overrides in the element settings

Can't Edit Specific Text

  • Some text may be part of special elements that require different editing approaches
  • Try using the Navigator panel to select the correct element
  • Check if the text is part of an image or other non-editable element

Next Steps: Now that you know how to edit text content, proceed to the Image Management Guide to learn how to work with images.