Overriding facebook comments css

Question

I have a black web page at yourcashflowpros.com that integrates with fb comments. Fb comments looks like $&%! against a black bg, can someone tell me if i can change the css on the comments or should I just change the background to make it look right?

Thanks Todd

Answer 1

Well, its in an iframe so your css wouldn't affect it. The easy approach would be to make the background container of your fb:comments block white (with a little padding on left and right), that would make the comments block look right.

change

<fb:comments width="900"></fb:comments>

to

<fb:comments width="900" style="background-color: white; padding 10px;"></fb:comments>

Answer 2

The fb:comments tag has a css attribute you can specify to pull in your external stylesheet.

<fb:comments numposts="4" title="My Blog Comments" css="http://www.yourwebsite.com/css/comments.css?1234" simple="1"></fb:comments>

http://developers.facebook.com/docs/reference/fbml/comments_(XFBML)/