Question

I have added a Facebook comment box of width 288 to my website. It’s working fine, the only problem is that when I try to delete comments posted by me, some part of delete button hides inside plugin width 288.

Is there any method so that I can decrease the width delete popup box, so that it could fit my specified width.

I also wants to know if there is any method to change its CSS with my custom styles.

I was unable to find comment box’s any Dom element through CSS or jQuery.

Answer 1

You can add CSS files to your iFrame using Javascript:

var cssLink = document.createElement("link") 
cssLink.href = "file://path/to/style.css"; 
cssLink .rel = "stylesheet"; 
cssLink .type = "text/css"; 
frames['iframe'].document.body.appendChild(cssLink);

You just have to implement your CSS file and use this code when appropriate.