Resource
/
Remove Extra Space Under Elementor Text Editor Widget

Details

Category
Utilities & Scripts
Last Updated
Feb 2, 2026

Overview

Elementor adds a bottom margin to every paragraph inside the Text Editor widget by default, which means even the very last line in a block gets unnecessary space beneath it.

That tiny but annoying extra gap in the last paragraph can mess with your spacing and make the layout feel a bit off. This snippet fixes that by removing the margin only from the last paragraph.

You keep your normal paragraph spacing, but the widget no longer leaves that awkward empty space at the bottom.

Setup

00

Add External Scripts

Copy & paste the scripts before the </body> tag of your project. If you added them before for another setup, skip this step.

00

Add HTML

Place the code in an HTML widget or add it through Elementor → Custom Code (before the closing </body> tag) either globally or only on selected pages.

00

Add custom CSS

Paste the code through the page or site settings, or add it via Elementor → Custom Code (before </body>) for broader use.

.elementor-widget-text-editor p:last-child {
  margin-bottom: 0 !important;
  margin-block-end: 0 !important;
}
00

Add custom Javascript

Paste the script through Elementor → Custom Code (set to load after </body>) for site-wide or page-specific loading.

00

Add custom PHP

Place the PHP snippet inside your theme’s functions.php or using any code snippet to enable logic.

00

Publish and preview live

Some solutions only work on the live site. Always publish and test after each change, as results may not appear in the editor.