overiding css in face book plugins

[devindamenuka]

Hi all,

In my web site I wanted use a facebook plugins. my site back ground is dark color. so when I set a plugin in my site, unfortunaltly fonts are not visible since they are also dark color. So I try to override css in the face book plugin but it doesnt work.

then I use webdevloper tool adone from fire fox and found out that there is invisible class name to styles.
it is ".fbFeedbackPost .postText" so I then try to override it doesnt work.

can u help me ?

here is the fase book code.

<div id="fb-root"></div>
           <script>(function(d, s, id) {
             var js, fjs = d.getElementsByTagName(s)[0];
             if (d.getElementById(id)) {return;}
             js = d.createElement(s); js.id = id;
             js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=224388380919592";
             fjs.parentNode.insertBefore(js, fjs);
           }(document, 'script', 'facebook-jssdk'));
           </script>        
           <div  class="fb-comments" data-href="http://oldtimerslost.com/otlTest/en/home" data-num-posts="1" data-width="240"></div>
        </div>

again thanks in advance ,

[niranga]

Actually I have no experience working with Facebook plugins, but when I need to override CSS style I just use !important along with the style like below:

.fb-comments
{
    background-color: #F2F2F2 !important;
}