Okay
  Public Ticket #1293960
Text overflowing box
Closed

Comments

  •  2
    jpschwartz started the conversation

    On a layer I created, the text is not being restricted to the width of the box. In styles I set the width for 250px with a border and a background color. The box appears just fine, but the text continues outside the box. You can see the problem on the home page. And I've attached a screen shot.

  • [deleted] replied

    Hey jpschwartz,

    The problem is that you have set the layer's size to be 250px, but this amount of text does not fit into it. You will need to use a larger value.

    Also, you will need to set the Font family and Font size for the text layer under the Styles tab.

  •  2
    jpschwartz replied

    I need the text to wrap within the box. I tried making the box height taller, but the text still extends outside the box. I tried adding custom css: overflow-wrap: break-word !important;  But that didn't help either.

    I've set the Font Family and Font Size for the text layer under the Styles tab. No help.

    I tried using the LS on WordPress theme: Seventeen, but the same problem persists.

    Please advise.

    Jim

  •  2
    jpschwartz replied

    Here's what I had to do to get the text to wrap: insert custom css: white-space: inherit. Stylesheet ls-layer had a line: white-space: nowrap;


    Seems like a bug.

  • [deleted] replied

    Please also enable the "Word-wrap" option in the "Styles" tab of the layers. It's located in the "Text | Font & Style" section. This should solve the problem.

  •  2
    jpschwartz replied

    Thanks. That works. Shouldn't text-wrap be on by default?

  • [deleted] replied

    We have decided to make it an optional setting and disable it by default, as it's not needed or wanted in all cases.