Topic-icon JFBLogin layout

Active Subscriptions:

None
14 years 2 weeks ago #22834 by sbouloc
JFBLogin layout was created by sbouloc
Hello,
Once connected, the JFBLogin module displays the welcome text below the avatar which causes a big blank space.
I would like to move the welcome text next to avatar (on right position) so the module will be more compact. How can I acheive this?
Thank you.
File Attachment:
The topic has been locked.
Support Specialist
14 years 2 weeks ago #22840 by alzander
Replied by alzander on topic JFBLogin layout
Add the following styles to your template, and it should look more like you're looking for:
#scprofile-pic {float:left;}
.logout-button {clear:both;}
Hope that helps!
Alex
The topic has been locked.
Active Subscriptions:

None
14 years 2 weeks ago #22846 by sbouloc
Replied by sbouloc on topic JFBLogin layout
alzander,
What file should I edit?
The topic has been locked.
Support Specialist
14 years 2 weeks ago #22859 by alzander
Replied by alzander on topic JFBLogin layout
Any CSS file in your template will likely work. Some templates have special files just meant for the user to edit. If you don't know, or are unsure, the one below looks like it should work:
templates/gk_appsprotech/css/template.css

Hope that helps!
Alex
The topic has been locked.
Active Subscriptions:

None
14 years 2 weeks ago #22862 by sbouloc
Replied by sbouloc on topic JFBLogin layout
Adding the code to override.css and template.css didn't work. I had to add it to style3.css
Thank you.
The topic has been locked.
Support Specialist
14 years 2 weeks ago #22870 by alzander
Replied by alzander on topic JFBLogin layout
Awesome! Glad to hear that you got it going.

Should you need anything else, as always, just let us know!

Alex
The topic has been locked.
Active Subscriptions:

None
14 years 2 weeks ago #22945 by sbouloc
Replied by sbouloc on topic JFBLogin layout
Alzander,
I need some space between the avatar and the hello text. They are too close. How can I do this?
Thank you
The topic has been locked.
Support Specialist
14 years 2 weeks ago #22964 by alzander
Replied by alzander on topic JFBLogin layout
In your style3.css file, update the #scprofile-pic code with the margin-right setting below:
#scprofile-pic {
float: left;
margin-right: 10px;
}

Good luck!
Alex
The topic has been locked.
Active Subscriptions:

None
14 years 2 weeks ago #22971 by sbouloc
Replied by sbouloc on topic JFBLogin layout
It loooks fine now after I centered the logout button. THanks a lot.

File Attachment:
The topic has been locked.
Support Specialist
14 years 2 weeks ago #22984 by alzander
Replied by alzander on topic JFBLogin layout
No problem! Glad we got you going. If you need anything else, just let us know.

Thanks,
Alex
The topic has been locked.