How to Embed Responsive Facebook Like Box
Sometimes Facebook Like boxes will break out of your layout..
Sometimes you want a like box in a sidebar and sometimes in a larger content area...
So...If you have been looking for a way to simply embed a facebook like box into your 3.0 template but have found yourself frustrated because it overflows your columns, here is a solution.
Solution to Embed Responsive Facebook Like Boxes
<div id="fb-root"></div> *replace the red with your own page url
Code to place inside your Advanced CSS: .fb-wrap {.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; } | Other Cool Tricks for Importing Social Profiles to NingYou can playaround with the code here on codepen or see it full screen here Other cool related things you can do, if so inclined: Import Entire Facebook Page Into Ning Page
Comments and questions below, or contact me for any custom work you may need. |