[SOLVED] Facebook comment box half hidden ,How to remove or fix this ?

[Lu thranga]

I installed this facebook like box and when someone click the like button small comment/share section open half hidden (see the image)

 

I preferred to stop opening this when someone click or if i can't do that ,show the entire share box (just like the google + button - it just ignore the surrounding and open) 

 

 

 

Thank you in advance for the help.

 

Edited October 17, 2013 by vekia (see edit history)

[Lu thranga]

Ok i think theres a solution but i don't know how to apply this ,please some one explain this.

{* If you're using a custom hook, you can customize
 the following div with the style you want.
 If the share / send box appear cut off, add position: absolute to the style*}
<div class="facebook_container">
{/if}
	<div class="fb-like" data-send="{$fl_send}" data-width="{$fl_width}" data-show-faces="{$fl_faces}" data-layout="{$fl_layout}" data-font="{$fl_font}" data-action="{$fl_text}" data-colorscheme="{$fl_color}"></div>
{if $fl_default_hook}
</li>

[walter_alf]

I think you have to add position:absolute to .facebook_container in css

Try add to main.css file this:

.facebook_container {

  position:absolute;

}

Edited October 16, 2013 by walter_alf (see edit history)

[Lu thranga]

I think you have to add position:absolute to .facebook_container in css

Try add to main.css file this:

.facebook_container {

  position:absolut

Thank you , comment box now working 

[vekia]

thread marked as solved

thanks for solution for this issue

 

with regards, milos