Solved

CSS breaks Facebook Connect Plugin

Posted on 2010-08-18
4
398 Views
Last Modified: 2012-05-10
The CSS on my blog (http://totalticketsystem.com/blog/technical-articles/hackers-guide-to-being-hacked-how-bad-guys-take-control-and-how-to-take-it-back/) breaks the facebook plugin "Facebook Simple Connect" (http://ottopress.com/wordpress-plugins/simple-facebook-connect/)

Could someone help me find the offending CSS style that make the Connect with Facebook plugin fail?

It looks like this:
 s
and it should look like this:
 a
Thanks!
0
Comment
Question by:DrDamnit
  • 2
  • 2
4 Comments
 
LVL 3

Accepted Solution

by:
WabbitSeason earned 500 total points
ID: 33468024
The problem is caused by your template not calling the function wp_footer() anywhere, which prevents an important <script> tag from being added to your pages. Add "<?php wp_footer(); ?>" (without the quotes) to the index.php of your tempate on the line before </body>. That should fix your problem.
0
 
LVL 32

Author Closing Comment

by:DrDamnit
ID: 33468476
Awesome. Genius. Incredible. I will never do Duck Season again.

Thank you.

I have been beating my head against that wall for 3 hours now.

Thanks you, Thanks you, Thanks you, Thanks you, Thanks you, Thanks you, Thanks you, Thanks you, Thanks you, Thanks you, Thanks you, Thanks you, Thanks you, Thanks you, Thanks you, Thanks you, Thanks you, Thanks you!
0
 
LVL 32

Author Comment

by:DrDamnit
ID: 33469194
WabbitSeason:

If you're around... some more low hanging fruit for you:

http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/CSS/Q_26412788.html
0
 
LVL 3

Expert Comment

by:WabbitSeason
ID: 33469590
Glad to be of help, I hope my answer to the second question is as satisfying (it's a bit of a gamble since I've never used this Facebook plugin ;-) ).
0

Featured Post

Optimizing Cloud Backup for Low Bandwidth

With cloud storage prices going down a growing number of SMBs start to use it for backup storage. Unfortunately, business data volume rarely fits the average Internet speed. This article provides an overview of main Internet speed challenges and reveals backup best practices.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

803 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question