Embedded Facebook Like-Box Won't Let Me Style It. Why

Adding CSS to Facebook Like Box

If you could do it, it would be documented here.

IMHO, you cannot tinker with Facebook's corporate branding... they want a consistent user experience everywhere on the Internet, otherwise, you'll have people not trusting things that look like homemade "like" boxes.

Also see this...

Embedded Facebook Like-Box won't let me style it. Why?

Facebook Like-box

Besides the options they give you there is no way to style it. I assume the do this for branding reasons.

The only way it can be done is by overwriting CSS given with the Like Box. However the article you link to is very old and they have most likely changed the CSS classes. They also may be implementing other things to stop you from doing it.

Besides the options they give you here: https://developers.facebook.com/docs/reference/plugins/like-box/

You aren't meant to change anything else.

Inject Style-sheet into Iframe (Facebook Like Box)

Yes, you can do it yourself. You can styling everything of Facebook Like Box with custom CSS code. Visit this tutorial at: DaddyDesign: Styling Facebook Like Box

How can I make this code work for custom 'Facebook Like Box'

Why are you using FeatureLoader? That's deprecated and marked for removal shortly.

The Like Box code can be obtained from https://developers.facebook.com/docs/reference/plugins/like-box/

Right align Facebook like button

iframe is an inline element, you can use

text-align: right

for a div that contains that iframe, or float the iframe to the right, but just make sure to clear the float afterwards.

sample: http://jsfiddle.net/Mujj6/3/

and: http://jsfiddle.net/Mujj6/5/