Change your page title directly in Elementor's page settings

The fastest way to change a WordPress page title in Elementor is through the page settings panel, not the WordPress editor. Open your page in Elementor, click the menu icon (three horizontal lines) in the top left, select Page Settings, then find the Page Title field under the General tab. Type your new title there and click Update.

This method changes only what appears on the front end of your site — the heading visitors see at the top of the page. It does not change the title in your WordPress dashboard or browser tab, which are controlled separately in the WordPress editor.

If you want to change both the page heading and the browser tab title at the same time, you will need to make changes in two places: Elementor for the visible heading, and the WordPress editor for the SEO title and browser tab.

Key Takeaways

  • Page Settings in Elementor controls the heading that displays on your page itself, separate from the WordPress title.
  • The browser tab title and SEO title are set in the WordPress editor, not in Elementor.
  • You can hide the page title entirely by toggling off the Page Title option in Elementor's page settings.
  • Changes made in Elementor take effect immediately when you click Update, without needing to publish again in WordPress.

Where to find the page title setting in Elementor

Open the page you want to edit in Elementor. In the top left corner, you will see a menu icon that looks like three stacked horizontal lines. Click it to open a dropdown menu with several options including Page Settings, Keyboard Shortcuts, and Exit.

Click Page Settings. A panel will slide in from the right side of your screen. At the top, make sure you are on the General tab — this is the default tab that opens first. Look for the field labeled Page Title. This is where you enter the heading text that appears on your page.

Type your new title into this field. You can use any text you want, including special characters and emojis. Once you have entered the title, click the Update button at the bottom of the page settings panel. Your change will appear on the front end of your site immediately.

The difference between page title and browser tab title

WordPress and Elementor handle two different titles, and they serve different purposes. The page title is the heading that displays on your actual webpage — what your visitors see when they land on the page. The browser tab title is the text that appears in the browser tab at the top of the window, and it is also what search engines use to describe your page in search results.

When you change the title in Elementor's Page Settings, you are only changing the visible heading on the page itself. The browser tab title and search engine title remain unchanged. To modify those, you need to go back to the WordPress editor and look for the SEO or title field, which is usually provided by a plugin like Yoast SEO or All in One SEO.

If you want both to match, you will need to update them separately. Some sites intentionally use different titles — for example, a page heading might say "Our Team" while the browser tab says "Meet Our Team | Company Name" to include branding information.

Hiding the page title completely

If you do not want any title to display on your page at all, you can turn off the page title in Elementor. Open Page Settings the same way — menu icon, then Page Settings. In the General tab, look for the toggle switch next to Page Title. Click it to turn the setting off.

When you disable this setting, the title will no longer appear on the front end of your page, but it will still exist in WordPress and the browser tab. This is useful if you want to design a custom title using Elementor's text widgets instead of using the default page title display.

You can turn the page title back on at any time by clicking the toggle again. This does not delete your title — it just hides or shows it on the page.

Styling the page title with Elementor

Once your page title is set, you can change how it looks using Elementor's style options. With the page title visible, click on the title text itself on your page. A toolbar will appear above it with editing options. Click the pencil icon or double-click the title to open the title element settings.

In the settings panel that opens, you will find tabs for Content and Style. The Style tab is where you control the appearance: font family, font size, color, alignment, spacing, and text effects. You can also add animations or effects to the title if you want it to move or change when the page loads.

These style changes apply only to how the title looks on the front end. They do not affect the title text itself or how it appears in WordPress or search results.

Updating the WordPress editor title separately

The title you set in Elementor's Page Settings does not automatically update the title in the WordPress editor. If you want the browser tab and search results to match your page heading, you need to change the title in WordPress as well.

Go to your WordPress dashboard, find the page in the Pages list, and click Edit. At the top of the editor, you will see a field labeled Title or Page Title (depending on your WordPress version). Enter your new title there. If you have an SEO plugin installed, look for an additional field labeled SEO Title or Meta Title — this is what appears in browser tabs and search results.

After updating the WordPress title, click Publish or Update to save your changes. Now both your page heading (in Elementor) and your browser tab title (in WordPress) will match.

Troubleshooting common title issues

If you changed the title in Elementor but it is not showing on the front end, check that the Page Title toggle is turned on in Page Settings. If the toggle is off, the title will not display no matter what text you have entered.

If the title appears but looks wrong — misaligned, wrong color, or overlapping other elements — click on the title text and check the Style tab in the element settings. You may have accidentally applied a style that is hiding or distorting it. Reset the styles or adjust them to match the rest of your page design.

If you changed the title in Elementor but the browser tab still shows the old title, you have not changed the WordPress title yet. Those are two separate settings. Update the title in the WordPress editor to change what appears in the browser tab and search results.

Frequently Asked Questions

Do I have to change the title in both Elementor and WordPress?

No. The Elementor title controls what displays on your page. The WordPress title controls the browser tab and search results. Change only the one you need to update. Most sites change both to keep them consistent, but you can use different titles if your design calls for it.

Will changing the page title affect my SEO?

Only if you change the WordPress title, not the Elementor page title. Search engines use the WordPress title (or SEO title if you have a plugin) to rank and display your page. The Elementor page title is just the visible heading on your page and does not affect search rankings.

Can I use HTML or special formatting in the page title?

The Elementor page title field accepts plain text only. You cannot add HTML tags or formatting directly in that field. If you need a formatted title with bold text, different colors, or other styling, create a custom title using Elementor's text widget instead of the default page title.

What happens if I leave the page title blank?

If you leave the Page Title field empty in Elementor and the toggle is on, nothing will display where the title normally appears. The space will be blank. If you want a title to appear, you must enter text in that field.

Can I change the page title without publishing the page?

Yes. Changes you make in Elementor's Page Settings take effect when you click Update, even if you have not published the page in WordPress yet. However, visitors will not see the changes until the page is published on your live site.