× Joomla Facebook Connect support forum

Topic-icon facebook login image top margin

Active Subscriptions:

None
15 years 8 months ago #5107 by sveltosss
Hi.

I would like to change to top margin of the facebook login image in order to match my style. How Can I do that?
The topic has been locked.
Support Specialist
15 years 8 months ago #5114 by alzander
There are divs with IDs or classes within the Login module. You should be able to add CSS to your template file to modify the looks of the login module. In addition, if you'd like to do something more complex, you can do a template override and modify the module directly. For more information:
www.sourcecoast.com/extensions/troublesh...s#template-overrides

If you want to post a link to the page with your module on it, and possibly more details of what you're looking for, I'll try to give you a little bit of the code that you might need here.
The topic has been locked.
Active Subscriptions:

None
15 years 8 months ago #5127 by evil

alzander wrote: There are divs with IDs or classes within the Login module. You should be able to add CSS to your template file to modify the looks of the login module. In addition, if you'd like to do something more complex, you can do a template override and modify the module directly. For more information:
www.sourcecoast.com/extensions/troublesh...s#template-overrides

If you want to post a link to the page with your module on it, and possibly more details of what you're looking for, I'll try to give you a little bit of the code that you might need here.

:-)
The topic has been locked.
Active Subscriptions:

None
15 years 8 months ago #5133 by sveltosss

alzander wrote: There are divs with IDs or classes within the Login module. You should be able to add CSS to your template file to modify the looks of the login module. In addition, if you'd like to do something more complex, you can do a template override and modify the module directly. For more information:
www.sourcecoast.com/extensions/troublesh...s#template-overrides

If you want to post a link to the page with your module on it, and possibly more details of what you're looking for, I'll try to give you a little bit of the code that you might need here.


Hi Alex.

I sent you a pm. Thank you.
The topic has been locked.
Active Subscriptions:

None
15 years 8 months ago #5155 by sveltosss
Well, it seems that the facebook button does not have a div id I can style, so I added it myself in facebook.php.
Is it possible to include this in your next release because I now have to change facebook.php everytime there is an update?

This is the code I changed:
echo '<fb:login-button v="2" ' . $requestPerms . ' onlogin="javascript:fb_login_button_click();">' . JText::_('Login Using Facebook') . '</fb:login-button>';

Replaced with:
echo '<div class="fb_face_button"><fb:login-button v="2" ' . $requestPerms . ' onlogin="javascript:fb_login_button_click();">' . JText::_('Login Using Facebook') . '</fb:login-button></div>';

Then you can move the button up, down, left, right as you wish with css

For example:
.fb_face_button {
margin:5px;
}
The topic has been locked.
Active Subscriptions:

None
15 years 8 months ago #5191 by sveltosss
Hi.

Will you include than in next release please? I have to change the code everytime a new release is out. I believe my request is reasonable.

Thank you.
The topic has been locked.
Active Subscriptions:

None
15 years 8 months ago #5193 by evil
yeah i hope there will be more possible ways to style the css.
i have my own css but i can't apply it yet.
The topic has been locked.
Support Specialist
15 years 8 months ago #5198 by alzander
Sorry for the delay. Yes, we will add this to the next (3.1) release.

The JFBCLogin module in general, and the Facebook Login button in particular, could use some updates to make it more friendly to work with. The 3.1 release will also have the addition of a {JFBCLogin} tag that you can put on your site (anywhere) to put a login button. That way, you don't have to use the Login module at all, if you'd prefer not too. There's still some kinks to work out, but we'll definitely add a class around it.
The topic has been locked.
Active Subscriptions:

None
15 years 8 months ago #5211 by evil

alzander wrote: Sorry for the delay. Yes, we will add this to the next (3.1) release.

The JFBCLogin module in general, and the Facebook Login button in particular, could use some updates to make it more friendly to work with. The 3.1 release will also have the addition of a {JFBCLogin} tag that you can put on your site (anywhere) to put a login button. That way, you don't have to use the Login module at all, if you'd prefer not too. There's still some kinks to work out, but we'll definitely add a class around it.


oh i love this solution!!! i could put easily in every part of the template! good solution but how to logout then? actually i have both login modules on and the official logout button is now working. the user is still logged and u must click your logout.
The topic has been locked.