Topic-icon {JFBCLogin} produce iframe with 1000px width and/ hight

Active Subscriptions:

None
I've made a custom html module with only {JFBCLogin} code and put it on top of the search bar and I've noticed that this causes the bar to jump completely to the other side of the page.
on examination I've fond a 1000px width in styling. that doesn't look normal.

template is RTL

saudiclubmunich.com


also javascript button is not showing
I have DPcalender but all facebook settings are turned off
aslo Lazy Load for Joomla! but deactivating it didn't fix it
thanks


File Attachment:
The topic has been locked.
Active Subscriptions:

None
13 years 4 days ago - 13 years 4 days ago #33643 by Dr.Romantic
please I need to at least to fix the iframe issue as soon as possible.
my website is live with this error since I've posted the first message for you to have a look but so does all my visitors

Thanks
Last edit: 13 years 4 days ago by Dr.Romantic.
The topic has been locked.
Support Specialist
Sorry for the delay. The problem isn't the 1000px div. That's something Facebook does inside their iFrame and is normal (though it looks funny). The problem is that the div you're placing that code in is thinking the login button is 100% width.

If you add the following to your stylesheet, it should fix things up for you:
#ja-search .jfbclogin {
width: 100px;
}

Everything else seems right in the HTML and the Facebook authentication popup properly appears. I didn't go farther than that though. If you run into more issues though, just let us know.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
Thanks
the code fixed the position of the module button

what I meant with the javascript button is the one for SCLogin
please see attached

JQuery and Bootstrap activated

they all look funny

File Attachment:
The topic has been locked.