Requesting CSS spacing change aid

  • Unknown's avatar

    Hello, the blog I’m looking for help with is Geekorner, and I’ve been trying to mess with CSS a bit. Didn’t buy the upgrade, checking it works out fine via the preview beforehand.

    Anyway, the things I want to change are: Space between paragraphs, space between lines, font size.

    While enabling inspect-element mode I manage to change them all to my liking, but when I attempt to copy the CSS only the font-size changes.

    Font size change which works:

    body {
    color: #555;
    font-family: Verdana,”BitStream vera Sans”,Helvetica,Sans-serif;
    font-size: 14px;

    Spacing change which doesn’t work:

    .post .content {
    line-height: 170%;
    }

    .post .content p {
    margin-bottom: 15px;
    }

    The two of them say they’re dependent on something originating elsewhere, which I do not know how to change.

  • Unknown's avatar

    The above codes are all correct. If the second and third one didn’t work, then maybe there was a glitch with the preview function, or maybe you have a browser issue. They worked fine in my test blog (both while previewing and on the actual blog page after I saved them) so I can assure you they’ll work when you buy the upgrade.

    Re the first code: adding properties and values you don’t change is redundant. If you want to change only the font size of “body”, you add only this:

    body {
    font-size: 14px;
    }
  • Unknown's avatar

    I see.

    Just to clarify, I’m only modifying the CSS, I’m only copy-pasting these and changing nothing else. Hm.

    As someone else said, the preview of font change doesn’t work either currently, so there might be a preview issue…

  • Unknown's avatar

    The font preview also works fine in my blog. What browser and version are you using?

  • Unknown's avatar

    I was using iNove, current Google Chrome.

    Ok, I figured out this problem at least, the lack of closing } in the first item meant the next two wouldn’t propagate :)

  • Unknown's avatar

    a) If you keep having problems, try Firefox or Safari.
    b) Good catch! Sorry it didn’t occur to me: you pasted that code separately (adding text after it), so I thought the missing bracket was a mistake while copypasting here only.

  • The topic ‘Requesting CSS spacing change aid’ is closed to new replies.