Are you using Elementor or Elementor Pro to design your website and want to know how to remove the space after text in the text editor widget? This issue is not an error with the Elementor plugin, but rather a feature that is intended to add space between paragraphs for improved readability. However, this extra space can be annoying and can disrupt the layout of elements below the text editor.
If you’re looking for a quick and easy way to remove the space after text in Elementor, there are a couple of options you can try.
Option 1: Use negative margin
One method is to use negative margin values in the Elementor editor by going to the “Advanced” tab and adjusting the margins for the relevant text element. However, this can be a time-consuming process if you have multiple text widgets on your site.
Option 2: Use simple CSS
Another option is to use a simple CSS class. To do this, you can add the following code to your theme’s stylesheet (usually style.css). Alternatively, you can add this to your theme custom CSS, or even easier, select any Elementor widget, go to the “Advanced” tab and paste the code in the “Custom CSS” section at the bottom of the side-panel.
.elementor-widget-text-editor p:last-child { margin-bottom: 0px; }
If you are also using the WordPress Text Widget, you can include the following CSS rule:
.elementor-widget-text-editor p:last-child, .textwidget p:last-child { margin-bottom: 0px; }
To add this code to your theme, you can use the “Customize” panel in the “Appearance” tab of your dashboard, or you can add it to your theme’s stylesheet by going to “Appearance” > “Theme Editor,” selecting your current theme, and adding the code to the bottom of the stylesheet.
With these steps, you should be able to successfully remove the space after text in Elementor and improve the overall look and layout of your website.
Conclusions
In conclusion, removing the space after text in Elementor is a quick and easy process that can improve the look and layout of your website. Whether you choose to use negative margin values in the Elementor editor or a simple CSS class, these steps will allow you to customize your site to your liking.
If you’re interested in trying out Elementor PRO for free, consider downloading it here. With this plugin you can unlock all premium features for free and you can easily create a professional-looking site without the need for coding skills.
So why wait? Start building your dream website today and take the first step towards online success.