× Joomla Facebook Connect support forum

Topic-icon Center facebook profile picture in module

Active Subscriptions:

None
Is there a way to center the facebook profile picture that's imported in the module? I guess this could include centering the entire jfb connect module if possible, the welcome part and the login etc

Thanks
The topic has been locked.
Support Specialist
15 years 3 months ago #7480 by alzander
Howdy Chris. Sorry for the delayed response for what should have been an easy answer :)

It looks like if you can add the following to your CSS file, it should center the logo within the module space:
#profile-pic {
text-align: center;
}

Let us know if that does (or doesn't work) for you.. and if not, and you can, please post the URL and we can get you the CSS for exactly what you'd need.

Thanks!
The topic has been locked.
Active Subscriptions:

None
15 years 3 months ago #7483 by fb_17007719
Thanks for the reply. Which css file? For the jfbconnect or to my template file? Sorry, still learning
The topic has been locked.
Support Specialist
15 years 3 months ago #7489 by alzander
No problem. We don't have a CSS file for the JFBCLogin module. You should use your template file to add this code, since that will be loaded on every page, and then you can use the Login module anywhere with this change.

Good luck, and let us know how it goes!
The topic has been locked.
Active Subscriptions:

None
15 years 3 months ago #7490 by fb_17007719
Alex, thank you again for your reply. I inserted the code into the template.css file for my site and it did center the photo but not the text. The text isn't a huge issue I guess, however I would like to add line spacing so the picture and the words and logout button are all crammed together. See the attached photo please for reference.

Thank you again for your help
File Attachment:
The topic has been locked.
Support Specialist
15 years 3 months ago #7498 by alzander
I'm sorry, I misunderstood. When you said "I guess it could include the text", I figured you were saying you preferred it wouldn't center the text.

To center the whole wonderful thing, in the JFBCLogin module, you should use the module suffix parameter and set it to something like "-righcolumn". What this will do is, on the page, create a div around the whole module with a class of "module-rightcolumn". Then, in your template CSS file, you can do:
.module-rightcolumn {
text-align: center;
}

You can remove the CSS code I gave above as well. Hope this all helps, but if not, or you need anything else, you know where to find us!
The topic has been locked.