Min-height causes empty space on Facebook Comments plugin

Question

I have encountered a pretty annoying problem. I am setting up Facebook Comments plugin on my new site, and for some reason it has a min-height:160px, which creates a huge empty space at the bottom of the plugin when there are no comments.

This is really annoying and doesn't go with my design at all. I already tried overriding the min-height on my own templates .css file with !important, but that didn't seem to do a thing.

Look at the screenshot above to see what I'm talking about.

enter image description here Help will be appreciated. Thanks!

What happens if you edit the min-height in the element style? — Mats Rietdijk, Nov 11 '12 at 19:36

score 1 · Accepted Answer · edited May 23 '17 at 11:57

1

You can't style that Facebook plugin because the iframe is not on the same domain!

You can style iframes from the same domain by inserting ca link tag using javascript. See this post for more details.

edited May 23 '17 at 11:57

Community

1
1

answered Mar 07 '14 at 11:17

PAdrian

392
2
9

Min-height causes empty space on Facebook Comments plugin

1 Answers1