How to make line more longer to contain more characters?

  • Here is my text before publish in text mode.
    before publish
    Here is my post after publish and to click view.
    after publish

    How to make line more longer to contain more characters?

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

  • What theme are you using? Can you post a link to your site?

    Also, for what you appear to be doing, you should probably use the <pre> tag, which will preserve white space so the columns will line up properly.

    • This reply was modified 8 years, 2 months ago by stephencottontail. Reason: Just fixing a spelling mistake
    Thread Starter luofeiyu

    (@luofeiyu)

    It was build on my local machine.
    Twenty Sixteen theme.
    pre tag work.
    I still want to know how to a line to contain 60 characters?
    Where to change the css file?

    You can’t really “force” a line to contain 60 characters, like you might do with a word processor or your terminal window; that’s not how HTML/CSS is designed to work. One option would be to use some custom CSS to remove the text wrapping on the <pre> tag. Your readers would have to scroll horizontally to see the entire text, but that might be preferable given what you appear to be doing.

    pre {
  white-space: pre;
  word-wrap: normal;
}

    Don’t edit the theme files directly, otherwise your changes will be overwritten whenever the theme is updated.

    An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

    As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to make line more longer to contain more characters?’ is closed to new replies.