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”
How do you remove the comment bubble completely? I’d like to not have it on my front page.
Hi Lauren, here’s snippet to do this :
http://www.presscustomizr.com/snippet/disabling-the-comment-bubbles-in-customizr/
Hope this will help you, and thanks for using the Customizr theme.
hello, How to move “comments” link to bottom of post? I don’t know what to do. thanks..