Facebook Like button pop-up window is under article photo

When logged into Facebook, and visiting an article page with gkSocialAPI on the left, clicking Like button shows a facebook pop-up windows that is not show completely, as it is under article main photo. How can I fix this problem, and enable that pop-up for the user to enter comments?

Hello,

Could you provide an URL to your website with this problem?

Hello,

Could you provide an URL to your website with this problem?

Actually, it happens also in your own demo:
http://demo.gavick.com/joomla25/news2/index.php/template/k2/k2-item
Try to click on the left "Like" bottom while logged in Facebook.

If you fix it there, you'll know how to fix it in my site. I can not provide yet my URL because it is still in progress and it is password protected.

TIA.

Please go the template settings -> advanced settings tab -> custom CSS code: please add:

Code: Select all

.itemFacebookButton iframe {
  max-width: 1000px!important;
}

Please go the template settings -> advanced settings tab -> custom CSS code: please add:

Code: Select all

.itemFacebookButton iframe {
  max-width: 1000px!important;
}

Thanks for your reply, but, sadly, it does not work. And there are no elements with "itemFacebookButton" class.

Using "Web Developer" Firefox extension, and viewing the generated source code, the "<fb>" fragment is as follows:

Code: Select all

<fb:like fb-iframe-plugin-query="action=like&amp;app_id=&amp;color_scheme=light&amp;font=arial&amp;href=http%3A%2F%2Fwww.kelmy.com%2Fboceto%2Fes%2Fproductos%2Fazucares%2Fazucar-antihumedad&amp;layout=box_count&amp;locale=es_ES&amp;sdk=joey&amp;send=true&amp;show_faces=true&amp;width=500" fb-xfbml-state="rendered" class=" fb_iframe_widget" href="http://www.kelmy.com/boceto/es/productos/azucares/azucar-antihumedad" send="true" layout="box_count" show_faces="true" width="500" action="like" font="arial" colorscheme="light"><span style="vertical-align: bottom; width: 76px; height: 86px;"><iframe class=" fb_iframe_widget_lift" src="http://www.facebook.com/plugins/like.php?action=like&amp;app_id=&amp;channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter%2F7r8gQb8MIqE.js%3Fversion%3D41%23cb%3Df4fc31cdfc615e%26domain%3Dwww.kelmy.com%26origin%3Dhttp%253A%252F%252Fwww.kelmy.com%252Ff3cec11aacc9e9a%26relation%3Dparent.parent&amp;color_scheme=light&amp;font=arial&amp;href=http%3A%2F%2Fwww.kelmy.com%2Fboceto%2Fes%2Fproductos%2Fazucares%2Fazucar-antihumedad&amp;layout=box_count&amp;locale=es_ES&amp;sdk=joey&amp;send=true&amp;show_faces=true&amp;width=500" style="border: medium none; visibility: visible; width: 450px; height: 367px;" title="fb:like Facebook Social Plugin" scrolling="no" allowtransparency="true" name="f3a9c884b1c237c" frameborder="0" height="1000px" width="500px"></iframe></span></fb:like>

I wait for your solution. Best regards, Antonio.

Please provide me an URL to your website - I've fixed this issue on our demo as you have pointed to our link.

[cut]

Your issue was caused by fact, that you have checked a K2 item, while your issue is related to the com_content item - please add the following CSS code:

Code: Select all

.itemAsideInfo iframe {
    max-width: 1000px!important;
}

You got it! Thxs.