CSS for facebook pop up

rodster
Offline

Active Subscriptions:

None

11 years 5 months ago #28852 by rodster

CSS for facebook pop up was created by rodster

Hi Alex,

When I click on the facebook login www.fruzitime.com/members.html i get to see the Show 'Logging In' popup .
This is however on my website colour WHITE with text WHITE so nobody can read what is stated there.

How can I fix the css from that specific part?
I see that this part of css is loading but nbot sure

element.style {
width: 500px;
text-align: center;
position: absolute;
height: 50px;
top: 50%;
margin-top: -13px;

}

The topic has been locked.

alzander
Offline

Support Specialist

11 years 5 months ago #28863 by alzander

Replied by alzander on topic CSS for facebook pop up

The problem is that your CSS is declaring the default (body) color to be white. Our CSS for that box doesn't add a color. We'll fix that in the next release. To do it yourself, edit the /plugins/jfbcsystem/jfbcsystem.php file. Look for the getModalLogin function. In there, you'll see the following line:

$loginModalDiv = '<div style="display:none;position:absolute"><div id="jfbcLoginModal" style="width:500px;text-align:center;position:absolute;height:50px;top:50%;margin-top:-13px;">' . JText::_('COM_JFBCONNECT_LOGIN_POPUP') . '</div></div>';

Add the color style attribute in there so it looks like:

$loginModalDiv = '<div style="display:none;position:absolute"><div id="jfbcLoginModal" style="width:500px;text-align:center;position:absolute;height:50px;top:50%;margin-top:-13px;color:#000">' . JText::_('COM_JFBCONNECT_LOGIN_POPUP') . '</div></div>';

Hope that helps, and thanks for the report,
Alex

The topic has been locked.

alzander
Offline

Support Specialist

11 years 5 months ago #28864 by alzander

Replied by alzander on topic CSS for facebook pop up

Oh, finally, on that page, there are 2 other inclusions of the Facebook Javascript library. That's going to cause conflicts and possibly prevent users from logging in at all. One looks to be from JomSocial. You should disable their integration and find the other extension including the library and disable it's inclusion as well. If you open the source HTML, you should see the loading of the file "all.js" only once. Right now, it's there 3 times.

Best of luck,
Alex

The topic has been locked.

rodster
Offline

Active Subscriptions:

None

11 years 5 months ago #28870 by rodster

Replied by rodster on topic CSS for facebook pop up

Thx Alex, css issue fixed.

Also thanks for the other issue; I found out that my Gavick template had one setting where earliers this year I had enabled social features.
I disabled this one. Now I see 2 calls to all.js..so i'm still looking for the other one.

UPDATE:

I see this plugin: JFBConnect - Profiles - JomSocial
not sure what it does.

The topic has been locked.

alzander
Offline

Support Specialist

11 years 5 months ago #28879 by alzander

Replied by alzander on topic CSS for facebook pop up

Not sure where that other all.js inclusion is from. It's the 'generic' form of the way to include the Facebook Javascript library, and there's no comments or anything else in that block that would indicate what extension is inserting it. It's likely a plugin, since it's being included on every page, not just JomSocial. I'd start in the plugins and look for any system plugins that may have Facebook functionality and try disabling them to test if it goes away.

As for the JFBConnect - Profiles - JomSocial plugin, that's used to let you configure how the user's Facebook profile is imported into JomSocial. You can read more about how to configure the import on the JomSocial Facebook integration configuration page.

Hope that helps,
Alex

The topic has been locked.

Start
Prev
1
Next
End

SourceCoast Login

CSS for facebook pop up