Broken Icons in Jetpack Share Buttons

[joojanta]

Hadn’t done anything for about a year now on my webpage and noticed that the icons of the jetpack sharing buttongs don’t display correctly in Post Lists. They do, however, in the articles themselves. See http://www.quantum-shift.de/angebot/

Thanks for help in advance,

Bjoern

Topic

[Jason Bobich]

Hello Bjoern,

I took a peak inside JetPack, and I think the issue is just in how JetPack enqueues the CSS file to include the font is uses to display the icons. By default it’s not going to include the CSS file it needs for pages. And since you’ve setup your blog by creating a page and then putting a post list within that, JetPack sees this as a “page.”

JetPack appears to have a filter you can use to force the icons to be included:

https://github.com/Automattic/jetpack/blob/master/modules/sharedaddy/sharing-service.php#L495

In just looking at their plugin, this would be the simplest way I can think of to just make sure the icons are always included.

add_filter('sharing_enqueue_scripts', '__return_true');

… You’d add that to your child theme’s functions.php

[joojanta]

Fast and excellent support as always! Works perfectly, thank you.

Christmas greetings and best wishes for the New Year to you, Jason!

[Author]

Replies