Change CSS on Facebook Like Box iframe or xbml

All I want to do is change the href font color in the Facebook Like Box.

<iframe src=“;width=292&amp;colorscheme=light&amp;show_faces=false&amp;stream=false&amp;header=false&amp;height=62&amp;” scrolling=“no” frameborder=“0” style=“border:none; overflow:hidden; width:292px; height:62px; margin-top:64px;” allowTransparency=“true” css=“”></iframe>

Is there a way you can change/override the CSS presented in the iframe? I thought Facebook provided a way. I tried included the url to my CSS in the iframe src request, but that didn’t seem to do anything. All I want are the links presented in the facebook iframe changed from the default light blue to white.

And I have this:

<script src=“”></script><fb:like-box href=“” width=“292” show_faces=“false” stream=“false” header=“false” css=“”></fb:like-box>

in the CSS I Have:

.fan_box .name_block a { color: #FFF !important; }
.fan_box .connect_button {color: #FFF !important;}

I just want all the font white. Nothing is happening. I’ve tried browsers, changing the CSS. Everything.

What am I missing?


I’m having the same problem. I’m not sure the css attribute is supported by fb:like-box. I’d greatly appreciate any solutions as well.

I never got one. I instead just made a white background where the box was going. I know there must be way, i’ve seen others have white fonts on their boxes.