Change the Color of the Comments Count Bubble next to the Post Title

Last Reviewed: 21-Apr-15 (3.3.20) 3.1.* 3.2.* 3.3.*

Where to copy/paste this code?
The simplest way is to use the Custom CSS section of the customizer option screen. If you have many customizations to make in CSS and PHP, then we strongly recommend you create a child theme. Everything you need to know about creating a child theme with Customizr here.

Comments bubbles changed in v3.3. This Snippet applies to versions 3.3+ only

/* START OF Change the Color of the Comments Count Bubble next to the Post Title */
/* Change (red) color */
.comments-link .tc-comment-bubble {
    color: red;
    border: 2px solid red;
}
.comments-link .default-bubble::before {
    border: 2px solid red;
}

.tc-post-list-grid .no-thumb .default-bubble::before {
    color: red;
}
/* END OF Change the Color of the Comments Count Bubble next to the Post Title */

Comments bubbles changed in v3.3. This Snippet applies to versions up to 3.2 only

/* START OF Change the Color of the Comments Count Bubble next to the Post Title */
/* Change (red) color */
.comments-link .fs1 {
color: red;
}
/* END OF Change the Color of the Comments Count Bubble next to the Post Title */

Credit: @tomaja;

3 thoughts on “Change the Color of the Comments Count Bubble next to the Post Title”

Comments are closed.