title: Facebook comment plugin font color
body: <p>I'm trying to change the font color of the comment within the facebook comment plugin. I have some css on it which works, but when I tried to change the color of the font, it didn't do anything.</p>
  
  <p>Here is the page URL: <a href="http://cardspoiler.com/Bootstrap/Munter/Theme/Counterfeit_coin_bootstrap.html" rel="nofollow noreferrer">http://cardspoiler.com/Bootstrap/Munter/Theme/Counterfeit_coin_bootstrap.html</a></p>
  
  <p>and here is the code:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head lang="en"&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"&gt;
  
      &lt;title&gt;Cardspoiler - Counterfeit Coin&lt;/title&gt;
      &lt;link rel="shortcut icon" href="../../../../Cardspoiler_Title_Logo.tif"&gt;
      &lt;meta name="description" content="BlackTie.co - Free Handsome Bootstrap Themes" /&gt;
      &lt;meta name="keywords" content="themes, bootstrap, free, templates, bootstrap 3, freebie,"&gt;
      &lt;meta property="og:title" content=""&gt;
  
      &lt;link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"&gt;
      &lt;link rel="stylesheet" href="fancybox/jquery.fancybox-v=2.1.5.css" type="text/css" media="screen"&gt;
    &lt;link rel="stylesheet" href="css/font-awesome.min.css" rel="stylesheet"&gt;
      &lt;link rel="stylesheet" type="text/css" href="css/style.css"&gt;
      &lt;link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"&gt;
      &lt;link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,600,300,200&amp;subset=latin,latin-ext' rel='stylesheet' type='text/css'&gt;
  
  &lt;/head&gt;
  &lt;style&gt;
  html {
    position: relative;
    min-height: 100%;
  }
  body {
    background: #232526;
      background: -webkit-linear-gradient(to right, #232526 , #414345);
      background: linear-gradient(to right, #232526 , #414345);
      margin: 0em;
  }
  a { cursor: pointer; cursor: hand; }
  footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    height: 130px;
      z-index: 200;
      background: #e4e6e5;
    background-color: rgba(228,230,229,.9);
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
      border-top: solid transparent 5px;
  }
  #content{
      padding-bottom: 70px;
  }
  #text-content{
      padding: 175px 0 0 0;
  }
  .col-aligncenter{float: none;margin: 0 auto;}
  #locator { /* for the FB comments plugin */
    position: absolute; visibility: visible; left: 775px; top: -270px; height: 100px; width: 500px; z-index: 200;
  }
  @media (min-width: 1000px) {
      .container{
          max-width: 1200px;
      }
  }
  .fb_container {
      overflow-y: auto;
      overflow-x: hidden;
      color: white;
      }
  &lt;/style&gt;
  
  &lt;body&gt;
      &lt;div class="navbar navbar-fixed-top" data-activeslide="1"&gt;
          &lt;div class="container-fullwidth"&gt;
  
              &lt;!-- .navbar-toggle is used as the toggle for collapsed navbar content --&gt;
              &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse"&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
              &lt;/button&gt;
  
              &lt;a class="navbar-brand" href="../../Navbar/Home.html"&gt;Cardspoiler&lt;/a&gt;
              &lt;div class="nav-collapse collapse navbar-responsive-collapse" &gt;
                  &lt;ul class="nav row"&gt;
                      &lt;li data-slide="1" class="col-12 col-sm-1"&gt;&lt;a id="home" title="Home"&gt;&lt;span class="icon icon-home"&gt;&lt;/span&gt; &lt;span class="text"&gt;Home&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;li data-slide="2" class="col-12 col-sm-1"&gt;&lt;a id="warrior" title="Warrior" class="external nav"&gt;&lt;span class="icon icon-filter"&gt;&lt;/span&gt; &lt;span class="text"&gt;Warrior&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;li data-slide="3" class="col-12 col-sm-1"&gt;&lt;a id="druid" title="Druid"&gt;&lt;span class="icon icon-leaf"&gt;&lt;/span&gt; &lt;span class="text"&gt;Druid&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;li data-slide="4" class="col-12 col-sm-1"&gt;&lt;a id="priest"title="Priest"&gt;&lt;span class="icon icon-plus-sign"&gt;&lt;/span&gt; &lt;span class="text"&gt;Priest&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;li data-slide="5" class="col-12 col-sm-1"&gt;&lt;a id="paladin" title="Paladin"&gt;&lt;span class="icon icon-heart"&gt;&lt;/span&gt; &lt;span class="text"&gt;Paladin&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;li data-slide="6" class="col-12 col-sm-1"&gt;&lt;a id="hunter" title="Hunter"&gt;&lt;span class="icon icon-screenshot"&gt;&lt;/span&gt; &lt;span class="text"&gt;Hunter&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li data-slide="7" class="col-12 col-sm-1"&gt;&lt;a id="mage" title="Mage"&gt;&lt;span class="icon icon-fire"&gt;&lt;/span&gt; &lt;span class="text"&gt;Mage&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li data-slide="8" class="col-12 col-sm-1"&gt;&lt;a id="shaman" title="Shaman"&gt;&lt;span class="icon icon-tint"&gt;&lt;/span&gt; &lt;span class="text"&gt;Shaman&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li data-slide="9" class="col-12 col-sm-1"&gt;&lt;a id="warlock" title="Warlock"&gt;&lt;span class="icon icon-user"&gt;&lt;/span&gt; &lt;span class="text"&gt;Warlock&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li data-slide="10" class="col-12 col-sm-1"&gt;&lt;a id="rogue" htitle="Rogue"&gt;&lt;span class="icon icon-eye-close"&gt;&lt;/span&gt; &lt;span class="text"&gt;Rogue&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li data-slide="11" class="col-12 col-sm-1"&gt;&lt;a id="minions" title="Minions"&gt;&lt;span class="icon icon-chevron-up"&gt;&lt;/span&gt; &lt;span class="text"&gt;Minions&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li data-slide="12" class="col-12 col-sm-1"&gt;&lt;a id="spells" title="Spells"&gt;&lt;span class="icon icon-chevron-down"&gt;&lt;/span&gt; &lt;span class="text"&gt;Spells&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="col-sm-1 active-menu"&gt;&lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;&lt;!-- /.nav-collapse --&gt;
          &lt;/div&gt;&lt;!-- /.container --&gt;
      &lt;/div&gt;&lt;!-- /.navbar --&gt;
    &lt;div class="table-responsive" id="content"&gt;
          &lt;div class="container"&gt;
      &lt;table class="table"&gt;
          &lt;td valign="top"&gt;
            &lt;img src="../../../../0/Counterfeit_Coin.png" align="left" class="img-responsive"&gt;
            &lt;div id="center"&gt;
                      &lt;div id="text-content"&gt;
            &lt;font color="#888888" style="font-size:300%"&gt;
              Counterfeit Coin
            &lt;/font&gt;
              &lt;br&gt;
  s            &lt;br&gt;
              &lt;font style="font-size:160%" color="9B764C"&gt;
              Cost:
            &lt;/font&gt;
                      &lt;font style="font-size:130%" color="#888888"&gt;
                      0
                      &lt;/font&gt;
                      &lt;br&gt;
              &lt;font style="font-size:160%" color="9B764C"&gt;
              Type:
              &lt;/font&gt;
              &lt;font style="font-size:130%" color="#888888"&gt;
              Spell
              &lt;/font&gt;
              &lt;br&gt;
              &lt;font style="font-size:160%" color="9B764C"&gt;
              Text:
              &lt;/font&gt;
              &lt;font style="font-size:130%" color="#888888"&gt;
              Gain 1 mana crystal this turn only.
                          &lt;div id="right"&gt;
                              &lt;div id="locator"&gt;
                              &lt;div class="hidden-xs hidden-sm"&gt;
                                  &lt;div class="fb_container"&gt;
                                &lt;div class="fb-comments" data-href="https://www.facebook.com/cody.bontecou" align="right" data-width="500px" data-numposts="3"&gt;&lt;/div&gt;
                              &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;/div&gt;
                          &lt;br&gt;
                          &lt;br&gt;&lt;br&gt;
                          &lt;br&gt;&lt;br&gt;
                          &lt;br&gt;
                          &lt;br&gt;
              &lt;/font&gt;
            &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
      &lt;/table&gt;
    &lt;/div&gt;
  &lt;/div&gt;
    &lt;center&gt;
          &lt;footer&gt;
              &lt;div class="footer" id="footer"&gt;
                      &lt;div class="container.customcontainer"&gt;
                                  &lt;div class="col-lg-6"&gt;
                                      &lt;div align="right"&gt;
                                                  &lt;font color="888888" size="4%"&gt;CARDSPOILER.COM&lt;/font&gt;
                                                  &lt;font color="9B764C" size="3%"&gt;
                                                  &lt;br&gt;
                                                  Freedom to know
                                                                                      &lt;/font&gt;
                                                  &lt;br&gt;
                                                                                          &lt;br&gt;
                                                  &lt;font size="2%" color="666666"&gt;
                                                  We are here to bring you visual, leaked spoilers for all of &lt;br&gt; the cards you love within a simple gallery.
                                                  &lt;br&gt;
                                                                                      &lt;/font&gt;
                                                  &lt;font color="#333333"&gt;
                                                      &lt;a href="mailto:help@cardspoiler.com" style="text-decoration:none;color:#9B764C;font-size:70%;"&gt;CONTACT US&lt;/a&gt;
                                                      &lt;a href="../../Privacy_Policy.html" style="text-decoration:none;color:#9B764C;font-size:70%;"&gt;PRIVACY POLICY&lt;/a&gt;
                                                  &lt;/font&gt;
                                                                                      &lt;/div&gt;
                                                                                  &lt;/div&gt;
                                                                                      &lt;div class="col-lg-6"&gt;
                                                                                          &lt;div align="left"&gt;
                                              &lt;font color="#888888" size="2%"&gt;
                                                  &lt;a href="MSoG.html" style="text-decoration: none;color:#888888;"&gt;Mean Streets of Gadgetzan&lt;/a&gt;
                                              &lt;/font&gt;
                                              &lt;br&gt;
  
                                              &lt;font color="#888888" size="2%"&gt;
                                                  &lt;a href="ONiK.html" style="text-decoration: none;color:#888888;"&gt;One Night in Karazhan&lt;/a&gt;
                                              &lt;/font&gt;
                                              &lt;br&gt;
  
                                              &lt;font color="#888888" size="2%"&gt;
                                                  &lt;a href="WotOG.html" style="text-decoration: none;color:#888888;"&gt;Whispers of the Old Gods&lt;/a&gt;
                                              &lt;/font&gt;
                                              &lt;br&gt;
  
                                              &lt;font color="#888888" size="2%"&gt;
                                                  &lt;a href="tLoE.html" style="text-decoration: none;color:#888888;"&gt;The League of Explorers&lt;/a&gt;
                                              &lt;/font&gt;
                                              &lt;br&gt;
  
                                              &lt;font color="#888888" size="2%"&gt;
                                                  &lt;a href="TGT.html" style="text-decoration: none;color:#888888;"&gt;The Grand Tournament&lt;/a&gt;
                                              &lt;/font&gt;
                                              &lt;br&gt;
  
                                              &lt;font color="#888888" size="2%"&gt;
                                                  &lt;a href="BrM.html" style="text-decoration: none;color:#888888;"&gt;Blackrock Mountain&lt;/a&gt;
                                                                                  &lt;/div&gt;
                                                                              &lt;/div&gt;
                                                                          &lt;/div&gt;
                                                                      &lt;/div&gt;
                                                                  &lt;/div&gt;
                          &lt;/footer&gt;
  
  
  &lt;/body&gt;
  
      &lt;!-- SCRIPTS --&gt;
      &lt;script src="js/html5shiv.js"&gt;&lt;/script&gt;
      &lt;script src="js/jquery-1.10.2.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/jquery-migrate-1.2.1.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/jquery.easing.1.3.js"&gt;&lt;/script&gt;
      &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="fancybox/jquery.fancybox.pack-v=2.1.5.js"&gt;&lt;/script&gt;
      &lt;script src="js/script.js"&gt;&lt;/script&gt;
      &lt;script&gt;
  window.fbAsyncInit = function() {
      FB.init({
        appId      : '220939261681295',
        xfbml      : true,
        version    : 'v2.8'
      });
    };
    (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/sdk.js";
       fjs.parentNode.insertBefore(js, fjs);
     }(document, 'script', 'facebook-jssdk'));
     $(function(){
     var navMain = $("#nav-main");
     navMain.on("click", "a", null, function () {
         navMain.collapse('hide');
     });
  });
  $(".fb_container").css("height","400px");
      &lt;/script&gt;
  &lt;/html&gt;
  </code></pre>