Remove the Annoying Gap in Elementor's Text Editor
Вставка
- Опубліковано 26 сер 2024
- Save yourself from adding negative bottom margins and Remove the Annoying Gap in Elementor's Text Editor with this FREE CSS:
.elementor-widget-text-editor p:last-child{ margin-bottom:0px;}
Morw codes: learn.websquad...
👉 Grab our $1 Business Packs: learn.websquad...
👉 WordPress Hosting: be.elementor.c...
👉 The Pro Page Builder: be.elementor.c...
Need 1-2-1 Support: learn.websquad...
Join our Facebook Group: / websquadron
Get Code Snippets Pro: r.freemius.com...
Wow. I thought it was just me being annoyed about this extra space! I am so glad you addressed this issue in such an easy way. Thanks so smuch.
THANK YOU!!! 🙌🙌🙌
That is the word, Annoying!! That extra space is out of my life thanks to the CSS you provide!!
Another easy way to do that is in the Text Widget, go to the HTML tab, and at the end of your text press Delete. This eliminates the extra space at the end of your text block. Of course, it is a lot of extra work, but when you already have a production website, maybe this is a nice way to keep control of where exactly you apply these changes.
Totally agree and that's what I used to do.
Perfect This will help me Thank you so much
THANK YOU!!!
I created a code snippet that I import on any new site alongside other code snippets and it makes it easier for me.
Can I add a double like to this video, this has been annoying me for the longest time. THANK YOU!
great CSS :)
This extra space has been annoying me for years. Thanks for the easy fix!
Wohoo!! 👏🏼👏🏼👏🏼👏🏼👏🏼Thx!
This should be the default.
The music is back.
Even I missed it!
I thought you already made a video fixing this, thanks for the work though ❤
I did many moons ago. Always good to update some videos.
Oh my god😮
And now one that adresses the paragraph spacing. I hate it so much that there is no setting to manually adjust the gap between paragraphs.
Is there any difference between using the "text" option (not visual) in the text editor versus the code snippet? (Using the text option removes the gap)
It's CSS - and not a Code Snippet :)
Text can be used, but it can also reset and the gap reappears, plus many won't use the Text tab.
The CSS added to your Site Settings sorts it out forever-and-ever-and-ever-ever-ever :)
@@websquadron Thank you, I appreciate the clarification 🙏
.elementor-widget-text-editor :last-child{ margin-bottom:0px;} is better as the last child could be an UL or OL or (for some reason) a Heading tag
Add This Css -> Appearance -> Customize -> Additional CSS.
body .elementor-widget-text-editor .elementor-widget-container *:last-child {
margin-bottom:0px;
}
Yup