• Home
  • About Mitch
    • Speaking
  • Services
    • WordPress Development
    • Website Design
    • People Management
    • Content Marketing
  • Articles
  • Contact

HELLO, I’M

mitch canter

I’M A

director of engineering

LIVING IN

nashville, tn.

mitch canter

  • Bluesky
  • GitHub
  • LinkedIn
  • Twitch
  • YouTube

Displaying Comment Number Next to Posts

Tutorial

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.