Custom comment bubbles in the Customizr WordPress theme


Note :This snippet works only with the Classical style option. The Classical style option can be enabled in Appearance > Customize > Advanced > Theme Style. More about the theme style option here


Customizr comes with a default comment bubble using a font icon and displaying the number of comments next to each posts. (see below)

default-customizr-comment-bubble

You might want to change this and add specific content and/or a custom style. This snippet will show you how to do it and get something like shown below :

wordpress-custom-comment-bubble

 

PHP code

In the following example, I simply apply a filter to the core bubble rendering which adds the text “comment” (with a WP plural filter function __n).

 

Where to copy/paste this code? => in your functions.php file. We strongly recommend you create a child theme. Download a start-up child theme here.

Remember: you shouldn’t edit the theme’s functions.php.

See How to customize the Customizr WordPress theme for more information on how to set up a functions.php file in a child theme.

 

CSS Code

Where to copy/paste this code? => in your style.css file. We strongly recommend you create a child theme. Download a start-up child theme here.

Source : http://www.sitepoint.com/pure-css3-speech-bubbles/

 

Hope you’ll enjoy this little snippet and as always your comments/improvements are more than welcome!


Related Snippets you may also like


We can help you to implement this snippet

Coding is our job and we know WordPress inside and out. We can help you to customize your website with small chunks of code snippets like this one.

Send us your request and we'll get back to you quickly.



18 thoughts on “Custom comment bubbles in the Customizr WordPress theme

Comments are closed.