Support Center/Developer Knowledge Base/Facebook

Custom Facebook For Media with CSS

David Widaman
posted this on July 20, 2011 11:22 pm

Overview

Create a custom Facebook For Media theme using a stylesheet stored anywhere on the web. This will allow custom background images, fonts, or anything else you can style with CSS.

Customize Facebook for Media with CSS

  • Create a Facebook For Media campaign
  • Create a custom CSS file. This can include background images.
  • Encode the URL to your CSS.
  • Add this encoded URL as a new parameter to the embed code iframe URL.
    • The parameter name is customStylesheetURL.

Example: 

http://pastie.org/2247013

  • You will see the custom CSS applied to the widget when this embed code is used. Get ready to add more fans with your newly branded facebook widget! Very Nice!