[Resolved] Extra space added below Elementor “text editor” widget

[Thomas]

Good Morning,

Not sure if I have already sent this. There was no notice that it was sent.

* GeneratePress Premium
* Elementor Pro

You have seen this question many times and I’ve tried all the CSS solutions over many hours without success.

Whenever I add the Elementor “text editor” widget, I get an extra space below the text.
https://ptdesign.ca/

I appreciate your assistance for helping me remove the extra space.

With thanks,
Tom

[David]

Hi there,

text widgets output a <p> paragraph element which will attract the themes bottom margin ( for paragraph breaks ).
I can provide you with some CSS – but that may cause you problems when you want there to be a space.

Instead i believe you can use the Elementor Heading Block, change it to a Paragraph element and remove the margin in the elementor settings.

But you may need to check Elementor support for that.

[Thomas]

Hi David,

Let’s start with the CSS and then I’ll move on from there.

Thanks David,
Tom

[David]

Try this:

.elementor-widget-text-editor p {
    margin-bottom: 0;
}

[Thomas]

Thank you David. I will heed your caution regarding problems down the road.

Tom

[David]

Glad to be of help

[Author]

Posts