• Resolved bigtasty

    (@bigtasty)


    For some reason whenever I add a link within the Text Editor widget, it moves the link on to the next line. Why is this?

    The page I need help with: [log in to see the link]

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

    (@marthaeli)

    Hi @bigtasty,

    Thank you for contacting us.

    The Text Editor widget is a versatile tool that allows you to add and customize text content on your website. It uses the TinyMCE WYSIWYG editor, which is similar to the classic WordPress visual editor.?https://elementor.com/help/text-editor-widget/

    What you are experiencing is a regular behavior; if the link’s text is too long, it will send it to the next line.

    I hope this helps

    Kind Regards.

    Thread Starter bigtasty

    (@bigtasty)

    Thanks for the response.

    That’s strange because I’ve been using Elementor on sites for years and never faced this issue before. How can I prevent this from happening? It doesn’t look right at all…

    Plugin Support Elementor Team

    (@ricav)

    Hi @bigtasty,

    Could you please provide a screenshot showing the random line break added with hyperlink? As when I checked the page URL you provided, I cannot replicate the issue.

    Looking forward to your reply.

    Kind regards,

    Plugin Support Milos

    (@miloss84)

    Hi there,

    Thank you for reaching out to us again.

    Could you please try adding the following CSS code to see if it resolves the issue?

    .elementor-text-editor p a { display: inline; }

    This CSS rule will ensure that links within the Text Editor widget remain inline with the surrounding text.

    Looking forward to hearing from you.

    Kind regards

    Thread Starter bigtasty

    (@bigtasty)

    Hi, thanks for the response but the css does not work. Here is a screenshot of the issue.

    Plugin Support Joel

    (@joelsm)

    Hello, 

    Thank you for the information. 

    The issue of a hyperlink being moved to the next line in the Text Editor widget of Elementor is often caused by unintended formatting or styling conflicts.

    Sometimes, custom CSS or theme styles might be causing the text to break onto a new line when a link is added.

    Solution: After inspecting the element using the browser’s developer tools to see if any margin, padding or display properties are affecting the link. I have adjusted the CSS for the link as needed, for example:

    a {
    display: inline !important;
    }

    Screencast: https://www.loom.com/share/47f671d7890b44a2aaaff350bfff09a0

    Could you please try adding the CSS code to see if it resolves the issue?

    Wishing you a great day!
    Kind Regards,

    Thread Starter bigtasty

    (@bigtasty)

    Perfect, appreciate the help – that’s now working fine.

    Plugin Support Denny Paul

    (@thetechxpert)

    Hello @bigtasty ,

    Thank you for the update.

    Happy to hear the issue is resolved.

    We will close this ticket for now.

    Please feel free to open a new ticket if you need assistance with anything else.

    Best Regards.

Viewing 8 replies - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.