Search code examples
csspostedittumblr

Why cant I edit post notes on tumblr?

I'm working on my tumblr blog theme. I'm trying to edit post notes

{block:PostNotes}{PostNotes}{/block:PostNotes}

So i've added css code but it doesnt work (I can see post notes, but I cant edit them), here is it:

ol.notes {
list-style:none;
color: blue;
margin: 0;
font-size: 3px;
}
ol.notes img { 
display: none;
}

I tried to put it on another blog and it works just fine. What I did wrong?

Heres my page: view-source: http://rvnoxx.tumblr.com/

Solution

  • It's difficult to know your intended outcome. However I would do a couple of things.

    Firstly move the notes block to inside the post block

    {block:PostNotes}{PostNotes}{/block:PostNotes}

    Currently it is being rendered outside of it. This will align your content per post.

    Secondly I would change this piece of css: 

    .avatar {
   margin: 60px 30px
   ...
}

    To: 

    .avatar {
   margin: 0;
   ...
}

    And then I would create this rule: 

    .notes {
   margin-top: 50px;
}
.notes li {
    text-align: left;
}

    Some of this is personal, but that should tidy things up nicely and it's a good start. If you want something more specific please update your question.

    This is the result of such css changes:

    Result