jetpack sharing button not working

Resolved mauriciospesot
(@mauriciospesot)

8 years, 10 months ago
[ Moderator note: moved to Fixing WordPress. Please do not use Developing With WordPress for these topics. ]

Sorry for my bad english. I developed a theme, almost 50% with bootstrap and when i want to display jetpack’s sharing buttons it’s doesn’t appear properly at the bottom of my content on single page, like the image below.

I tried with Twenty Sixteen theme and it work but with my theme it’s doesn’t work. What i’m missing?
- This topic was modified 8 years, 10 months ago by mauriciospesot.
- This topic was modified 8 years, 10 months ago by Jan Dembowski.

Viewing 6 replies - 1 through 6 (of 6 total)

kjodle
(@kjodle)

8 years, 10 months ago

Without seeing the theme in action, it’s hard to say. If your site is not loading the buttons, it could be that your theme is somehow blocking JetPack’s css.

Try pressing F12 and then clicking on “Console”. Do any error messages appear? If so, which ones?

Thread Starter mauriciospesot
(@mauriciospesot)

8 years, 10 months ago

The console doesn’t show any error. I think the same, something is blocking jetpack’s css but i don’t know what it is. I tried disable bootstrap’s css but it still not working. I don’t know how debug to find the problem D:

Christopher T
(@chrisamazrock)

8 years, 10 months ago

Would be interested to know the solution. Thanks in advance.
Thread Starter mauriciospesot
(@mauriciospesot)

8 years, 10 months ago
I found what the problem is. For some reason my theme is not load Jetpack’s CSS. So, what i did was copy jetpack.css from jetpack CSS folder to my theme folder and load from there. Now look like this:

Obviously the icons doesn’t show up because it’s not loading icon’s css too. What am i missing here? Why are not loading the CSS styles from Jetpack? 🙁
- This reply was modified 8 years, 10 months ago by mauriciospesot.
Thread Starter mauriciospesot
(@mauriciospesot)

8 years, 10 months ago

Okey guys, i resolved the problem. It’s happen to newbie wordpress’s developers like me haha. Apparently if you don’t put wp_head() just before the closing </head> tag of your theme, you will break many plugins. Plugins use this hook to add elements to <head> such as styles, scripts, and meta tags. Thank you for help me. 🙂

kjodle
(@kjodle)

8 years, 10 months ago

That explains a lot. (You shouldn’t have to copy plugin css to your theme.) I’ve made that mistake myself. Glad you got it sorted, and thanks for coming back and posting the solution!