New line problem

  • Resolved seqizz

    (@seqizz)


    12 years ago

    Hi,

    Infinity has a small “line gap” problem.

    I don’t know how to explain. So check this example:

    Here is infinity version of a text: http://i.imgur.com/5W3ySzT.png

    Here is the same text with different theme: http://i.imgur.com/O9REeqT.png

    //edit: I have to press enter two times to make text go down a bit.

    Is there a workaround for this glitch?

Viewing 2 replies - 1 through 2 (of 2 total)
  • CrouchingBruin

    (@crouchingbruin)

    12 years ago

    It’s not really a “glitch,” but a matter of styling. Different themes will style their paragraphs differently, including how much spacing to put after their paragraphs. With Infinity, the CSS rule which defines the styling of paragraphs is this:

    p {
  line-height: 22px;
  margin: 0 0 22px 0;
}

    So there is 22px of spacing after each paragraph (the third value for margin determines how much space goes at the bottom). To change the value, you can install a CSS plugin like Custom CSS Manager, or use the Custom CSS option in JetPack if you have that installed. Then add a rule like this:

    p {
   margin-bottom: 26px;
}

    Set the value to whatever suits you. And don’t add multiple line feeds (paragraph breaks) to change the spacing, that’s not the way web elements should be positioned.

    Thread Starter seqizz

    (@seqizz)

    12 years ago

    Thanks.

    Seems like one of my plugins was involving about p.

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

The topic ‘New line problem’ is closed to new replies.

Tags

  • 2 replies
  • 2 participants
  • Last reply from: seqizz
  • Last activity: 12 years ago
  • Status: resolved