[Support request] Using the [pre] tag does not give line breaks but a horizontal scroll bar.

Home Forums Support [Support request] Using the [pre] tag does not give line breaks but a horizontal scroll bar.

Home Forums Support Using the [pre] tag does not give line breaks but a horizontal scroll bar.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1385978
    Christoph

    In my blog I often use the (pre) tags for quotes. (with the HTML “less than” and “Greater than” characters instead of brackets, but this formats the question text) In my previous style (twentythirteen) this created formatted text with word wrap. In GeneratePress, however, every paragraph is a single line with a horizontal scroll bar. How can I change this style to a text with automatic word wrap? Couldn’t find it in the forum.

    Example

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco 

    Thanks ๐Ÿ™‚

    #1386118
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    pre {
        white-space: pre-wrap;
        word-wrap: break-word;
    }
    #1386492
    Christoph

    Works! Many thanks for the fast response ๐Ÿ™‚

    #1386644
    David
    Staff
    Customer Support

    You’re welcome

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