CODEWITHSUNDEEP
htmlcssfacebook-javascript-sdkfacebook-likebox
user3348273
user3348273

Reputation: 33

Possible to set Facebook Likebox Posts background to transparent?

How can I change the background color on the posts section of the Facebook Likebox?

I can change the likebox background but not the posts. If I use chrome developer tools and set .mbm class to have "background-color: transparent" then it works.

However this will not take affect if I include it in my css. Even with !important

Perhaps it's something to do with the posts being loaded externally?

I'm using this Facebook plugin: https://developers.facebook.com/docs/plugins/like-box-for-pages

With the HTML5 option

<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_GB/sdk.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


<div class="fb-like-box" data-href="https://www.facebook.com/FacebookDevelopers" data-colorscheme="dark" data-show-faces="true" data-header="true" data-stream="true" data-show-border="true"></div>

EDIT: jsFiddle here: http://jsfiddle.net/y4gwE/

Included a screenshot for clarity, highlighting the background color I'm wanting to change

FB LikeBox

Upvotes: 1

Views: 2435

Answers (1)

Kristen Grote
Kristen Grote

Reputation: 2777

Just to be totally super-duper sure, try really ramping up the specificity in your CSS:

iframe html#facebook .mbm {
  background-color: transparent !important;
}

Upvotes: 1

Related Questions