JetPack Sharing Icons Don't Show


Author Message
Thepipe

Posted: 7/25/2014
Quote message 

I've created a WordPress theme for a client using Artisteer 4.2. After installing the theme, she used the JetPack plugin to add shating buttons to each post, but the icons don't appear. JetPack is configured properly and the account is linked, but nothing shows up. The blog can be viewed at:

www.mcdermottnutrition.com/blog

Can anyone provide a solution to this problem? Thanks.
 
Thepipe

Posted: 7/25/2014
Quote message 

Clarification - some of the icons appear, but very few. Only about 3 out of 9 or so.
 
Thepipe

Posted: 7/25/2014
Quote message 

Here's a screen cap.

 
techtom

Posted: 7/25/2014
Quote message 

Thepipe,

The css code for those buttons seems off perhaps.

Can you try adding this to your style.css at the bottom and see if it helps?

.sd-social-official .sd-content ul>li {
display: block;
float: left;
margin: 0 10px 5px 0 !important;
height: 55px !important;
}


.share-tumblr a, .share-email a, .share-print a {display:block !important;}
 
Thepipe

Posted: 7/25/2014
Quote message 

Thanks. They seem to be working now. Can you provide some insight on the last line of code? It doesn't include some of the links I'd like - e.g.: Facebook, Twitter, etc. Should reference to these be added for each service? Thanks again.
 
techtom

Posted: 7/25/2014
Quote message 

The reason for the .share-tumblr a, .share-email a, .share-print a {display:block !important;} is because the tumblr, print and email icons all are using display:block-inline and it causes them to set up higher on the page then the other icons.

so switching the display to block lets them sit even with the other icons.
 
techtom

Posted: 7/25/2014
Quote message 

you may need to add it for any other icons you add that end up sitting higher than the rest. Another thing to note is because their generation of the css for the sharing icons is not correct, when you add more you may need to adjust the height.
 
Thepipe

Posted: 7/27/2014
Quote message 

Many thanks!
 
dave

Posted: 7/29/2014
Quote message 

Another point is that, depending on theme, in WordPress, you may not see social sharing icons in the blog post preview, but would see them in the actual blog itself, and the reason being that the page preview is not really a page or a post in the sense that it's a "preview" of what should be if all goes as expected. I had this confusion a while back, especially if you're not getting clients steadily but every once in a while it's easy to forget certain things. So the social sharing icons should be in the blog posts but may not be visible in previews, when using Jetpack.

Jetpack looks like a great WP plugin, but as an aside I'm not too sure if their contact forms work well. (I'm digressing as the caffeine wears off, but it's somewhat related..)