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


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

Comments are closed.