Facebook like in iframe causes a overflow | Tweet Like Plusone and Share Plugin | Plugin Support Forum


The forum is not available on mobile. To view the forum please visit http://techxt.com/plugin-support-forum using a Desktop.

Please consider registering
guest

Log In Members

Lost password?
Advanced Search

— Forum Scope —

  

— Match —

   

— Forum Options —

   

Minimum search word length is 3 characters - maximum search word length is 84 characters

Topic RSS
Facebook like in iframe causes a overflow
January 24, 2013
1:58 pm
Admin
Forum Posts: 529
Member Since:
June 22, 2011
Offline

@thomas– I am not sure what is causing the problem (its definitely a CSS problem but I am unable to find it were  :(

Any ways add the below CSS to Custom CSS in plugin option. It might solve the issue.

 

.fb_edge_widget_with_comment.fb_iframe_widget > span {
    margin-right: -370px !important;
    width: 450px !important;
}

< My Domain Names Generator tool crossed 50,000 page views. If you haven't tried yet, then try it out. />

January 24, 2013
1:46 pm
Thomas
Guest

Sure, here it is: http://www.thomas-reimann.com/

Hope there is a simple solution for my problem :)

January 24, 2013
12:51 pm
Thomas
Guest

Oh, ok… 
http://www.thomas-reimann.com/

Hope ther is a simple fix! :)
Thanks in advance!

January 24, 2013
8:57 am
Admin
Forum Posts: 529
Member Since:
June 22, 2011
Offline

Please post your site URL… Its basically some CSS problem and not the iframe. If you can give your site URL then I can know what exactly is the problem

< My Domain Names Generator tool crossed 50,000 page views. If you haven't tried yet, then try it out. />

January 24, 2013
8:46 am
Thomas
Guest

I don’t know since wehn, but today i recognized that when someone clicks the like button under an article, a small share box appears…

But since the share butten is implemented via iframe, not just in a div, the popup bubble is cut and not displayed properly.

See screenshot to see what i mean.

http://imageshack.us/photo/my-…..at091.jpg/

Anything I can do, will there be an update to fix that?

January 27, 2013
12:44 pm
Thomas
Guest

Sorry, but this solution causes another error I’ve missed so far…

 

Facebook Button works now, but blocks my Twitter and google+ button.
I guess it’s an overlay problem? the facebook iframe seems to be placed above the other buttons so that they are shown but not pushable anymore…

 

Any suggestion?

January 27, 2013
1:58 pm
Admin
Forum Posts: 529
Member Since:
June 22, 2011
Offline

I just we need too add few more lines of CSS… Add this extra CSS

 

div.socialicons {
    position: relative !important;
}

< My Domain Names Generator tool crossed 50,000 page views. If you haven't tried yet, then try it out. />

January 28, 2013
7:47 am
Thomas
Guest

ok, worked. Thank you! :)

February 8, 2013
9:07 pm
donna
Guest

I was having the same problem with a client site and the css above worked fine. I put the FB button at the end, so it doesn’t interfere with the other buttons. Thanks.

January 25, 2013
7:46 am
Thomas
Guest

Strike! works!

Thank you for that fast response!

August 22, 2014
10:31 pm
frhzcjmv
Guest
11
Awaiting Moderation

August 22, 2014
10:42 pm
mpmacvpc
Guest
Awaiting Moderation

Forum Timezone: UTC 0

Most Users Ever Online: 173

Currently Online:
67 Guest(s)

Currently Browsing this Page:
1 Guest(s)

Member Stats:

Guest Posters: 390

Members: 63

Moderators: 0

Admins: 2

Forum Stats:

Groups: 2

Forums: 5

Topics: 369

Posts: 1333