• Rather than the standard blog format (no paragraph indention, bottom margin after each paragraph) I want novel formatting (first-line paragraph indention, no space between paragraphs)

    Anyone know how I could do that? Is there a plugin that can do that?

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

    (@jennifer-roberts)

    You can control the formatting of text in the CSS of your theme. You’ll need to modify the margin (top and bottom) and use the text-indent attribute – both as applied to a paragraph tag (p).

    Something like this to a custom CSS (or child theme):

    p {
       margin-top: 0;
       margin-bottom: 0;
       text-indent: 50px;
    }

    Good reference page for CSS:

    http://www.w3schools.com/cssref/pr_text_text-indent.asp

    For more specific help, please post a link to your site.

    To take this a step further, you might consider only doing this for paragraphs after the first one, and/or possibly adding a drop cap for the first paragraph.

    IF your paragraphs will all be next to each other, then you could write:

    p {
          margin-top: 1em;
        }
    
        p+p {
          margin-top: 0;
          text-indent: 1.5em; /* heartily recommend ems -- style is tied to font size */
        }

    Drop cap might look like this:

    p:first-child:first-letter {
          font-size: 2.25em; /* may want to fiddle */
          float: left;
          margin-right: .25em;
          margin-bottom: .5em;
        }

    This should apply to any paragraphs that are the first in a series. You could also write it as p { ... styles ... } and then counteract that with:

    p + p:first-letter {
          display: inline;
          font-size: 1em;
          margin: 0;
          float: none;
        }

    There are, in short, options 🙂

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

The topic ‘Novel-Style blog posts’ is closed to new replies.