Site logo

Archived topic

Extra space added below Elementor "text editor" widget

5 replies · Started by Thomas on July 17, 2021

Viewing posts 1–6 of 6

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

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.

Hi David,

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

Thanks David,
Tom

Try this:

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

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

Tom

Glad to be of help

This archived topic is closed to new replies.