works great but iframe set on width 126px; how to change?

Found a post on for the solution (https://forums.squarespace.com/design-coding/post/1848533).

Can you add extra css and see what happen?

.summary, .fb-like { overflow:visible !important; }

Thanks for your reply terrytsang but I did not manage. I tried a lot with the extra css especially with Firebug but cannot find a wya to get this solved. I was seeking for the js file handling this 126px with but even this I cannot find at the moment. Shouldn’t I set this in an API with facebook? Hope you can help me out otherwise I need to find an other solution.

Hi, the API only have width option, do not have css setting for the popup box.

Hope still to find a solution. Please have a look at https://www.cheap-web.nl/webwinkelduga/winkel2/ and please see how to change this iframe showing up after clicking the like button. Or should I just disable the iframe popup to show up? How?

This is the code Firebug shows. Changing the 166px in this code to 566px would help. But how?

<div class="fb-like fb_edge_widget_with_comment fb_iframe_widget" data-action="recommend" data-show-faces="false" data-width="800" data-layout="button_count" data-send="1" fb-xfbml-state="rendered">
<span style="height: 20px; width: 166px;">
<iframe id="f33bf7e8fb051" class="fb_ltr" scrolling="no" name="f2117891c2f98f" style="border: medium none; overflow: hidden; height: 20px; width: 166px;" title="Like this content on Facebook."...... etc

I looks like something is solved as I started with 126px. This is because I changed “like” to “recommend” which hase more letters….. But: still not solved….

I am having the exact same issue. The “send” iframe displays perfectly however the share button does just like the OP issue at the exact same pixel dimensions. I am also noting that by clicking the Like button and logging into facebook that the LIKE is automatically posted before any comments or submit button is pushed.. is this correct?

You can see a product page at https://www.growlwear.com/shop/beards_rule_lightblue/

As there are few (aka none other than yours) options for adding facebook sharing functionality to woocommerce, any help is GREATLY appreciated.

i too has same problem as the popup box shows behind sidebar.
i’ve added overflow: visible !important for sidebar but still behind.

instad of popup to bottom right, can we change to other way like bottom left?

Hi all, i have updated CSS for facebook like and send button box that was cropped with latest version (2.0.10). Do give it a try and feedback, thank you.