WordPress.org

Ready to get started?Download WordPress

Forums

How to display balloons to show number of comments (6 posts)

  1. Manydoubts
    Member
    Posted 2 years ago #

    I want to use balloons for displaying the number of comments that has each post. I couldn't find any plugin for this, and I don't know if I need to insert a code instead. Also I would like to show the balloon at the top of the posts, on the left side, and to be possible to click on it to see the comments.
    Any help is pretty welcome!

  2. jeezyo
    Member
    Posted 2 years ago #

    a link to your site would be best so i can tell what exactly needs to be modified, but if you use firebug, inspect element, or developer tools, you can determine what the css element for the comment count is. then you can just style that using CSS. You'll probably want to get an image of a bubble, and the, just for example, if the div class was something like .comment-count, youd put in your css something like .comment-count { background-image: url('path to your bubble image'); } and any other attributes, like floating it left, etc.

  3. Manydoubts
    Member
    Posted 2 years ago #

    Sorry jeezyo, I don't understand, I'm starting with this. In the Stylesheet (style.css) I couldn't find a div class like .comment-count. When I use firebug over the comment element this is what i get:

    [Code removed]

    Thanks for your help.
    The site is http://www.eldiadelamor.net

  4. Manydoubts
    Member
    Posted 2 years ago #

    Well, sorry for that. I clicked the code button before and after the code asuming that will "codify" the text, but it didn't.
    So I didn't lie when I said that I have no idea.

  5. You have to start the line with the code tag, however THAT much code is too much. Especially when you're just giving us everything in http://eldiadelamor.net/wp-content/themes/coraline/style.css

    And yes, we can see that :)

  6. Manydoubts
    Member
    Posted 2 years ago #

    My fault, Ipstenu, my fault. I'm not used to firebug either and I thought that scrolling the mouse over the word will show me JUST the part of the code of that phrase, not the whole css. Honestly. About the number of comments inside bubble, I could't find out in wich part of the code is the comment count (doesn't appear as ".comment-count"). again, I'm more than a rookie.
    thanks for any advice.

Topic Closed

This topic has been closed to new replies.

About this Topic