WordPress.org

Ready to get started?Download WordPress

Forums

Posts in Sidebar
[resolved] unicode icons not displaying (4 posts)

  1. yt
    Member
    Posted 5 months ago #

    I would like to display the comments icon used in the Twenty Thirteen theme in the sidebar as part of the comments link. Something like this:
    .pis-comments:before {
    content: "\f300";
    }
    I added this to the widget custom styles, but this character is not displaying properly- it's coming up as an X.

    Any help?

    http://wordpress.org/plugins/posts-in-sidebar/

  2. aldolat
    Member
    Plugin Author

    Posted 5 months ago #

    Try defining the font-family:

    .pis-comments:before {
    font-family: "Genericons";
    content: "\f300";
    }
  3. yt
    Member
    Posted 5 months ago #

    Yup- that worked! I ended up just copying all the style from Genericons.css to get it to look exactly the same as the others.

    .pis-comments:before {
    	display: inline-block;
    	width: 16px;
    	height: 16px;
    	-webkit-font-smoothing: antialiased;
    	font-size: 16px;
    	line-height: 1;
    	font-family: 'Genericons';
    	text-decoration: inherit;
    	font-weight: normal;
    	font-style: normal;
    	vertical-align: top;
    content: "\f300";
    }

    Thanks so much!

  4. aldolat
    Member
    Plugin Author

    Posted 5 months ago #

    You are welcome! :)

Reply

You must log in to post.

About this Plugin

About this Topic