Grow your CSS skills. Land your dream job.

Ghost Comment Counter

  • # October 24, 2013 at 7:06 am

    Here is the webpage I would like to discuss. When you click on the link, look in the upper left-hand corner of your browser window. You’ll see a comment counter appear and then disappear very rapidly. Or, at least, it does this in Mozilla Firefox and Google Chrome. Is it possible to code my way out of this so it doesn’t happen again? And I need the comment counters for my blog posts, so I don’t want to target that. Thank you in advance!

    # October 24, 2013 at 7:30 am

    So, I guess my question is…what is the (I assume) JS/JQ/CSS behind that element?

    I would assume that that is where the ‘problem’ lies.

    # October 24, 2013 at 7:44 am

    Here is the CSS for the comment counter on the blog posts:

    .brick .comment-link {
        background-color: #FF0066;
        border-bottom: none;
        color: #F5F5F5;
        display: block;
        font-size: 1.2em;
        font-weight: bold;
        height: auto;
        left: -5px;
        margin: 0;
        padding: 9px 14px 9px 15px;
        position: absolute;
        text-decoration: none;
        top: -5px;
        width: auto;
    }
    

    And that’s it. There’s no JavaScript or jQuery that I know of being applied to it. And here’s the PHP being used in WordPress:

    <?php comments_popup_link( '0 comments', '1 comment', '% comments', 'comment-link', 'Comments Off'); ?>
    

    So, I’m not really sure.

    Edit: If you were talking about the ghost counter, I really don’t know. I tried to inspect the element, but it just selects the header image instead and inspects that.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".