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...

КОМЕНТАРІ • 26

  • @pouraty
    @pouraty Місяць тому +4

    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.

  • @SJvdB1972
    @SJvdB1972 14 днів тому +1

    THANK YOU!!! 🙌🙌🙌

  • @gabrielk5497
    @gabrielk5497 Місяць тому +1

    That is the word, Annoying!! That extra space is out of my life thanks to the CSS you provide!!

  • @EduardoMalbert
    @EduardoMalbert Місяць тому +2

    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.

    • @websquadron
      @websquadron  Місяць тому +2

      Totally agree and that's what I used to do.

  • @wasiqkhan886
    @wasiqkhan886 Місяць тому

    Perfect This will help me Thank you so much

  • @kotijangankennel
    @kotijangankennel 28 днів тому

    THANK YOU!!!

  • @loveyourlife5319
    @loveyourlife5319 Місяць тому +1

    I created a code snippet that I import on any new site alongside other code snippets and it makes it easier for me.

  • @DevilManZA
    @DevilManZA Місяць тому +1

    Can I add a double like to this video, this has been annoying me for the longest time. THANK YOU!

  • @christianlecuyer6380
    @christianlecuyer6380 Місяць тому

    great CSS :)

  • @hdustinowens
    @hdustinowens Місяць тому +1

    This extra space has been annoying me for years. Thanks for the easy fix!

  • @mtnpfi
    @mtnpfi Місяць тому +1

    Wohoo!! 👏🏼👏🏼👏🏼👏🏼👏🏼Thx!

  • @saphirredragon606
    @saphirredragon606 Місяць тому +1

    This should be the default.

  • @SpencerTaylorOnline
    @SpencerTaylorOnline Місяць тому

    The music is back.

  • @ferrywap
    @ferrywap Місяць тому

    I thought you already made a video fixing this, thanks for the work though ❤

    • @websquadron
      @websquadron  Місяць тому +1

      I did many moons ago. Always good to update some videos.

  • @basiya0240
    @basiya0240 Місяць тому +1

    Oh my god😮

  • @aequitas7483
    @aequitas7483 Місяць тому

    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.

  • @techforsmb
    @techforsmb Місяць тому

    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)

    • @websquadron
      @websquadron  Місяць тому

      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 :)

    • @techforsmb
      @techforsmb Місяць тому

      @@websquadron Thank you, I appreciate the clarification 🙏

  • @SamFrysteen
    @SamFrysteen Місяць тому

    .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

  • @mdforiduddin
    @mdforiduddin Місяць тому +1

    Add This Css -> Appearance -> Customize -> Additional CSS.
    body .elementor-widget-text-editor .elementor-widget-container *:last-child {
    margin-bottom:0px;
    }