Skip to content

ENGINEERING LEADER

WordPress Developer

Speaker

Unapologetic Punk

Mitch Canter

  • Threads
  • Instagram
  • Bluesky
  • LinkedIn
  • GitHub
  • YouTube
Tutorial

Displaying Comment Number Next to Posts

Mitch Canter

Reading time: 1 minute

A lot of people have commented on my new design how they love the comment bubble next to the post title.  It’s a great way to foster communication and showcase how many people are talking on your site.   So, if you want to add the same functionality to your site, here is the fastest way to do it!

    background-image: url(URL-GOES-HERE);
    height: 37px;
    width: 49px;
    color: REPLACE WITH COLOR;
    font-size: 30px;
    text-align: center;
    padding-top: 5px;
    margin-right: 13px;
    float:left;

}

Save the edits, and preview.  It should put the comment bubble right next to the title.  If you are having trouble having your content text or pictures wrapping around the bubble with the title, right after the commentbubble div, put this code:

<div style=”clear:both”></div>

This is a clearing div that will stop the text-wrapping.

Tutorial, WordPress
  • Fighting the WordPress White Screen of Death

    Fighting the WordPress White Screen of Death

    Reading time: 1 minute

    We’ve all been there: We’re editing the WordPress theme file, setting a new function and *BAM*: We view the site and it’s nothing but a sea of white pixels.  There’s no messages, no errors, nothing to indicate what you’ve done wrong.  And it’s frustrating: sure, removing the change would fix the problem, but I (as I’m…

    WordPress
  • Better Know a WordPress Tag: ‘siteurl’

    Better Know a WordPress Tag: ‘siteurl’

    Reading time: 1 minute

    When you’re working on a development site it’s hard to set things up correctly because you know you’re going to change the site, and putting in elements that are more than likely “stationary”, such as links, will have to be changed, and that causes un-necessary headache when it comes time to move the site live. …

    WordPress
  • Home
  • About
  • Speaking
  • Articles
  • Contact