Archived topic
Extra space added below Elementor "text editor" widget
5 replies · Started by Thomas on July 17, 2021
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