Navigation

    APPDRAG Community

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Popular

    REMINDER

    Please be respectful of all AppDragers! Keep it really civil so that we can make the AppDrag community of builders as embracing, positive and inspiring as possible.

    Line breaks for blog titles?

    Cloud CMS (Pagebuilder, Blog, Shop, Newsletters, Code Editor)
    2
    6
    303
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • Daniel Mulroy
      Daniel Mulroy last edited by

      Hello all,

      We're having trouble with titles that we want to have line breaks, like this:

      Screen Shot 2021-04-16 at 6.33.05 PM.png

      We managed to put a <br> in the title text itself, and it works to create the line break... but now the title of the window shows the <br> in it.
      Screen Shot 2021-04-16 at 6.33.44 PM.png

      URL for reference:
      https://www.goodvibes.news/preview/blog/9-Soft-skills---de-quoi-on-parle-vraiment--.html?t=3

      What is a good way to do this?

      1 Reply Last reply Reply Quote 0
      • Daniel Mulroy
        Daniel Mulroy last edited by

        Bump 🙂

        1 Reply Last reply Reply Quote 0
        • Wassim
          Wassim last edited by

          Hey,
          Well I don't have a solution for you, did you try with \r\n which are non displayed characters?

          1 Reply Last reply Reply Quote 0
          • Daniel Mulroy
            Daniel Mulroy last edited by

            Sadly, this is even worse, it is now displayed in the title!

            Any suggestions very welcome...

            1 Reply Last reply Reply Quote 0
            • Daniel Mulroy
              Daniel Mulroy last edited by

              my current best solution:

              $("[blog-component=blog-title] span:last-child").each((id, el) => {
                          $(el).html(el.innerHTML.replace(":", ":<br>"))
                      })
              
              1 Reply Last reply Reply Quote 0
              • Wassim
                Wassim last edited by

                It seems it's the best solution for what you're trying to achieve

                1 Reply Last reply Reply Quote 0
                • First post
                  Last post