Topic-icon JFBCLogin Module Button looks weird

Active Subscriptions:

None
14 years 7 months ago #14486 by oliverious
The image on the button looks weird, like another copy of the image would begin on the bottom. Please have a look at smsitout.com. (Please do not register yet.) Different module settings did not solve the problem.

Additionally I had to remove 2 tags from \modules\mod_jfbclogin\tmpl\default.php. Why?

Thanks for your help!

Oliver
The topic has been locked.
Support Specialist
14 years 7 months ago #14508 by alzander
The reason you're seeing extra space is due to the following style in your template CSS file, templates/smsitout/css/template.css

At line 1032:
.sio-blockcontent-body table,
.sio-blockcontent-body li, 
.sio-blockcontent-body a,
.sio-blockcontent-body a:link,
.sio-blockcontent-body a:visited,
.sio-blockcontent-body a:hover
{
  color: #333333;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
  font-size: 13px;
  line-height: 150%;
}

The line-height of 150% is being taken in by the Login With Facebook tag and 'growing' the height of the button causing duplicate image at the bottom. You can either remove that line, or add another line like below to reset the line-height for just the login button back to 100%:
a.fb_button {line-height: 100%}

I don't know what you mean by:
Additionally I had to remove 2  tags from \modules\mod_jfbclogin\tmpl\default.php. Why?
Can you tell me what tags you had to remove? Why did you remove them?

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

None
14 years 7 months ago #14511 by oliverious
That fixed the problem. Thanks!

There were two <br [slash]> tags in lines 30 and 34 in default.php causing blank lines. I removed the tags but I would be happier when these changes would not have been necessary.

Oliver
The topic has been locked.
Support Specialist
14 years 7 months ago #14513 by alzander
Oliver,
We're actually in the process of revamping the JFBCLogin module a bit to make template overrrides easier and splitting out the Login portion vs the Logout portion to make the code cleaner. We'll look into the extra br's to see if we can remove them without causing issues on other user's sites, as it seems like the JFBCLogin is inheriting a bit of styles from your template, which may have been a cause for excessive spacing there.

Either way, I'm very glad to hear that the fix above worked for you. Once you've really got JFBConnect up and running, please consider leaving a rating and review on the Joomla Extension Directory for the extension or our support. It's certainly not required, but very appreciated!
extensions.joomla.org/extensions/social-...ook-integration/7215

Thanks,
Alex
The topic has been locked.