WordPress.org

Ready to get started?Download WordPress

Forums

Line Spacing - no control (5 posts)

  1. Vonsomething
    Member
    Posted 7 years ago #

    I normally can find my way through editing CSS. I'm new to WordPress, though, and I started with a template (KISS) which I'm trying to modify extensively. I want to tighten the line spacing in the posts, and edited the "line-height" number with no effect. This is in the "Main Column" "Post" section as seen below:
    --------------------
    p.postmetadata {
    margin: 15px 0 0;
    padding: 0 0 0 20px;
    background: url(i/icon-meta.gif) no-repeat;
    line-height: 13px;
    font-size: 0.80em;
    color: #999;
    }
    -------------------

    I adjusted the line spacing via the same method in the sidebar, and I can't see where else I might change this, but again, it seems to have no effect. (This is in the "layout.css" file, by the way).

    Thanks for any assistance.

  2. klklaser
    Member
    Posted 7 years ago #

    With CSS, there's the likely possibility that another command is overriding the line-height. On a number of CSS files I've seen duplicates and or "overlapping" issues that cause line-height not to work as expected. I personally like to use em for line-height. px works good for font-size.

    I'm not personally familiar with the KISS template, so can't offer a specific solution.

  3. Vonsomething
    Member
    Posted 7 years ago #

    Thanks for the help. I thought of something else overriding this, but couldn't find anything. The CSS seems a little convoluted (or maybe it's me!). But you bring up a good point, I should probably start with one of the default templates, thereby increasing my odds of someone in the forums being familiar with the file (or at least having it installed). I just chose something a little closer to the look I was working towards. I may very well change to one of the defaults if I continue to run into issues trying to modify this one.

    Also, thanks for the tip regarding em for line height. What is the reasoning for preferring em on line height, and px on font size?

  4. klklaser
    Member
    Posted 7 years ago #

    px and pt are fixed in size. ems and % expand and contract. When I looked at what you had, they seemed reversed to me. Perhaps the most logical is to consistently use either fixed for both, or expandable for both.

    You might try searching for other instances of "line-height".

  5. klklaser
    Member
    Posted 7 years ago #

    I've been thinking more about my prior message for some reason, and px are, I believe, based upon screen resolution. Because of that, perhaps px is more like em and % than pt.

    One nice thing I've noticed is that a font size set in px seems more consistent from font to font on the same computer, whereas, fonts given in pt seems to vary in size from font to font.

    I'm sure it's a lot more involved than I'm personally willing to dive into. A more accurate way of stating my prior message's, "expansion and contraction", which was poorly phrased, is that they're sized relative to something else.

Topic Closed

This topic has been closed to new replies.

About this Topic