How to edit text in Elementor
Step-by-step guide to editing headings, paragraphs, and any text on your Elementor-powered page.
- Time
- 5 minutes
- Difficulty
- Beginner
- You’ll need
- The Elementor editor open
Editing text is the most common thing you will do in Elementor. This guide covers how to find and update any text on your page — from big headings to small body paragraphs.
Quick summary
Click any text on your page to select it, then type your changes right on the page. Or edit the text in the left panel. Then publish to make the change live.
What you'll need
- The Elementor editor open (see How to open the Elementor editor)
Two types of text in Elementor
Elementor has two main widgets that display text:
| Widget | Used for |
|---|---|
| Heading | Page titles, section titles, H1–H6 tags |
| Text Editor | Body paragraphs, longer blocks of copy |
Both work in a similar way. When you type on the page, a small formatting toolbar appears. For a Heading it offers bold, italic and underline; the Text Editor adds lists, links and an HTML tag option.
If your site uses Elementor's newer V4 elements, you may also see Heading and Paragraph elements. Their first tab is called General instead of Content.
How to edit a Heading widget
Click the heading text on your page. The left panel switches to show the Heading widget's settings. You will see a text field labeled Title.
Click inside the Title field in the left panel and edit your text there. Or, with the heading selected, type directly on the canvas to edit it inline.
Click Update or Publish in the top right to save your changes.
How to edit a Text Editor widget
Click the paragraph text on your page. The left panel shows the Text Editor widget settings.
Click into the text on the canvas to edit it inline. A small formatting toolbar appears. (You can also edit the text in the Text Editor box in the left panel, which has its own formatting buttons.)
Edit your text directly. You can type, delete, and paste as you would in any word processor.
Use the toolbar to make text bold, italic, add a link, or create a bullet list.
Click outside the text block to deselect it when you are done.
Click Update or Publish to save.
Pasting text from Word or Google Docs
If you paste text copied from Microsoft Word, Google Docs or another website, it may bring along its own formatting, which can stop Elementor's colors and fonts from applying. To paste plain text, right-click and choose Paste Special (Windows) or Paste and Match Style (Mac), or paste into the Text tab of the Text Editor box in the left panel. If formatting has already come in, open that Text tab and remove any span styling you see around the words.
Changing the heading level (H1, H2, H3…)
Headings have levels: H1 is the most important, H2 is a subheading, H3 is a sub-subheading, and so on.
To change a heading level:
Click the heading to select it.
In the left panel, look for the HTML Tag dropdown (in the Content tab).
Choose the heading level you want from the dropdown (H1, H2, H3, etc.).
Changing the tag doesn't change the text's size or style unless your theme or Elementor's Site Settings style that tag, so check how it looks afterwards.
A page should generally have just one H1. Use H2 for section headings and H3 below those, without skipping levels. This matters for SEO and accessibility.
Changing text color and size
Text appearance is controlled in the Style tab of the left panel.
Click the text element to select it.
Click the Style tab in the left panel.
Adjust the color, font size, font family, line height, or letter spacing using the controls provided. Color is under Text Color; the font settings open when you click the pencil icon next to Typography.
If your site uses global fonts and colors, you may want to use those settings rather than one-off overrides on individual elements.
Common questions
I can see the text on the page but I cannot click to select it — why?
Another element may be covering it (for example, because of negative margins, z-index or absolute positioning). Try clicking more precisely on the text itself. If that does not work, open the Structure window (press Ctrl+I, or Cmd+I on Mac) and select the element from the tree list.
My text changes look right in the editor but wrong on the live site — why?
This is often a browser caching issue. Try a hard refresh, which reloads the page without your browser's saved copy. The shortcut depends on your browser (in Microsoft Edge it is Ctrl+Shift+R on Windows or Cmd+Shift+R on Mac). See Browser cache and refresh for more help.
Can I add bullet points to a Text Editor widget?
Yes. Click into the Text Editor widget's text on the canvas and use the list option in the formatting toolbar. You can also add lists in the Text Editor box in the left panel.
How do I add a link to some text?
Click into the Text Editor widget's text on the canvas, highlight the text you want to link, then click the link option in the formatting toolbar. See also Editing buttons & links.
Related guides
- Editing buttons & links
- Changing colors & fonts
- Global colors & fonts
- Publishing & updating your page
- A tour of the Elementor interface
- How to open the Elementor editor
- Troubleshooting Elementor problems
Need a hand?
Learn more
Last updated
Undoing changes with revision history in Elementor
Learn how to undo mistakes in Elementor using undo shortcuts, the History panel and the full revision history, and when to use each approach.
How to edit & swap images in Elementor
Learn how to replace, resize, and adjust images on your Elementor page using the Image widget and background image settings.