• Resolved muzammilshaikh

    (@muzammilshaikh)


    Whenever I enter a new line in text editor, the line height is absurdly high. How do I fix that?

    Don’t tell me to go in style and reduce the line height. The page has already been created and changing line height is ruining how the page looks. I have already tried this.

    Honestly speaking, I am super disappointed with Elementor’s usefulness.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Support Milos

    (@miloss84)

    Hello there,

    Thank you for your patience!

    Would it be possible for you to tell us more details about your issue, can you please provide us with a screencast demonstrating the issue?

    This will be useful to us as we will better understand the issue you’re experiencing and provide you with better support.

    Also it will be greate if you can share you problematic page URL so we an inpsect you text line height.

    I am looking forward to your reply!

    Kind Regard

    What theme is being used? Depending on the theme and typography preferences, Elementor may or may not have control over this. No need to argue with him.

    Thread Starter muzammilshaikh

    (@muzammilshaikh)

    Hi,

    Please check the screen recording as requested > https://drive.google.com/file/d/1CbFIisVqj22Gcs50Zh10-rG7ZIAKwzN8/view?usp=sharing

    This thing is not happening to 1 page, but everywhere and everytime I use text editor.

    https://metastitch.in/refund-returns/

    PS: I am using Botiga theme with Botiga Pro plugin

    Plugin Support Milos

    (@miloss84)

    Hi there,

    Thank you for getting back to me.

    After inspecting your page, I noticed that the issue with the text line height is being affected by the LiteSpeed cache settings. You can check the details in this video:

    https://www.loom.com/share/471e8a4c519c4232b136b14dcf5a8c19

    Please also note that when you copy text from another source (like Google Docs or Word), it may include hidden inline CSS styling that can affect your layout.

    To prevent this, always paste your content as plain text.

    You can do this by:

    • Using Ctrl + Shift + V (Windows) or Cmd + Shift + V (Mac), or
    • Pasting your text first into a plain text editor (like Notepad or TextEdit), and then copying it again into WordPress.

    This ensures that only clean text is added, without any extra styling.

    Looking forward to hearing from you soon.

    Kind regards,

    Thread Starter muzammilshaikh

    (@muzammilshaikh)

    Hi,

    I’m really sorry I haven’t got time to try out your suggestion yet. I have been caught up with another major issue. I will get back to you as soon as possible. I hope that is fine.

    Plugin Support Milos

    (@miloss84)

    Hi there,

    Thank you for your feedback,

    We shall wait for your update, hope our recommendation will help you fix the issue.

    Kind regards,

    Thread Starter muzammilshaikh

    (@muzammilshaikh)

    Upon taking your advice, I decided to write the whole page manully. The space between 2 lines are still unconsistent. I don’t understand why there’s so many praise for this plugin when the plugin can’t even keep line space consistency.

    Before you guys go ahead and blame other plugins, I have tried disabling all plugins except the theme and elementor. the issue persists.

    Here is a recording > https://drive.google.com/file/d/1lwGXYfi1NW9TAozARBriGYMk2CcHVjWh/view?usp=sharing

    Honestly speaking, I regret starting with elementor and now I’m stuck because I can’t switch to another plugin.

    Plugin Support Milos

    (@miloss84)

    Hi there,

    Thank you for contacting me agian and for your great video.

    Elementor’s Text Editor widget uses WordPress’s native TinyMCE editor under the hood. When you press Enter, TinyMCE automatically wraps the text with <p></p> tags. While you can’t see these tags inside the Text tab, they are still applied by default

    Because TinyMCE automatically manages paragraph formatting, switching between Text and Visual modes can sometimes cause spacing inconsistencies.

    This isn’t specific to Elementor it’s the same limitation you’ll notice when using WordPress’s Classic Editor directly.Here’s a reference screenshot of TinyMCE’s default behavior:

    https://prnt.sc/1xh36ew

    Why formatting appears lost after switching modes This happens because TinyMCE “cleans up” the HTML each time you switch modes. Since Elementor uses the same editor, the behavior carries over. If you repeat the same steps inside the Classic Editor, you’ll see the same outcome.

    If you need full control over formatting and spacing without TinyMCE trying to reformat your content, I recommend using Elementor’s HTML widget, where all your markup stays untouched.

    I understand how frustrating this can be especially when you’ve invested time into building a page and expect consistent formatting. TinyMCE’s limitations can feel restrictive, Here is some workarounds you can apply:

    Disable WordPress’ Automatic and Filtering

    You can disable this behavior by adding the following snippet to the site’s functions.php or using a Code Snippets plugin:

      remove_filter( ‘the_content’, ‘wpautop’ );
      remove_filter( ‘the_excerpt’, ‘wpautop’ );

      Use CSS to Force Consistent Line Height

        If the only issue is visual spacing, you can override tiny inconsistencies with custom CSS:

        p {
        line-height: 1.6em !important;
        margin-bottom: 1.2em !important;
        }

        Use SHIFT + ENTER for Single-Line Breaks

          If the customer wants:

          Enter → new paragraph (larger space)

          Shift + Enter → simple line break (small space)

          Explaining this often solves many formatting surprises.

          Hope this helps, once again we truly apologise for any frustrations made during this process.

        Viewing 8 replies - 1 through 8 (of 8 total)

        The topic ‘Fix line height’ is closed to new replies.