Elementor text editor

Elementor text editor is simple to use, and a great tool that helps position text where you want it within any WordPress theme.

This post is for people who are editing a page/post already converted to Elementor.

There is no difference between Elementor and Elementor Pro when it comes to the Elementor text editor. You can use these instructions for either.

Get started editing text in the Elementor text editor

To edit a blog post or a web page with Elementor, go to pages or posts on the left-hand side. 

Once you see a list of pages or posts, you’ll see those that are controlled by Elementor are marked – Elementor. 

WordPress pages marked as Elementor are editable with the Elementor text editor

Click EDIT WITH ELEMENTOR.

The WordPress Elementor page editor will open. 

To change the text within a text widget, hover over the text widget. 

A pen icon will appear, top right of the box (number 1 on the image below). 

Click on that to activate the widget. 

On the left-hand side, you will see the text inside the text box, this is where you edit the text (number 2 on the image below). 

It’s tempting to edit the text in the widget on the page which is possible but it doesn’t work as well – there are glitches, so use the left-hand text editor. 

Now hit the bright green UPDATE button at the bottom to save the page (number 3 on the image below). This will not show unless you have made a change. 

The Elementor text editor

See! It is simple to make an edit to any page converted to Elementor. 

Elementor font size

Be careful when changing the font size in the Elementor text editor; your web designer may have set the font perfectly to fit on the page. 

You should keep the same font size running through the website. 

Really, the font size should be changed in the global settings within Elementor, so that it is reflected through the website. 

However, if you are desperate to change the font size, it is simple. 

To change the text within a text widget, hover over the text widget. 

A pen icon will appear, top right of the box (number 1 on the image below). 

Click on that to activate the widget. 

On the left-hand side, you will CONTENT / STYLE / ADVANCED at the top of the column (number 2 on the image below).

Hit STYLE. 

Now look for Typography and hit the pen icon there (number 3 on the image below).

Elementor - changing the font size

You can choose to size the font pixels (px), emphemeral unit (em), root emphemeral unit (rem) or percentage (%). 

Elementor text editor - change the font size

You can also choose different sizes for a desktop, a tablet and a mobile device. 

Elementor editor font size on desktop, tablet and mobile devices

Elementor line spacing

Take care when changing the line spacing too; once again your web designer may have set the spacing up perfectly to fit on the page.

To change the line spacing within an Elementor text widget, hover over the text widget. 

A pen icon will appear, top right of the box (number 1 on the image above). 

Click on that to activate the widget. 

On the left-hand side, you will CONTENT / STYLE / ADVANCED at the top of the column (number 2 on the image above).

Hit STYLE. 

Now look for Typography and hit the pen icon there (number 3 on the image above).

Scroll down a little to find the Line Height and Letter Spacing. Here you can play around with the line spacing to find your perfect fit. 

Share and Enjoy !

Leave a Comment

Your email address will not be published. Required fields are marked *