Is there a way to put profile picture to left or right of the Name

y021ahe
Offline

Active Subscriptions:

None

7 years 8 months ago - 7 years 7 months ago #59281 by y021ahe

Is there a way to put profile picture to left or right of the Name was created by y021ahe

Hi,
I have installed the SCLogin module in my login bar, which doesnt have alot of space. When I add the Enable Profile Picture, it puts the picture above the text "Welcome name" .

It would be great if I could add the picture to the left of the Welcome text, so it doesnt use up so much vertical space..

Would you be able to advise if there is a way of changing the code so that it could do this?

Images shown here to show the problem I have...

It would also be awesome if the logout button, could also be placed in the same way - to the right of the text?

Thanks

Rich

Last edit: 7 years 7 months ago by mel.

The topic has been locked.

alzander
Offline

Support Specialist

7 years 8 months ago #59292 by alzander

Replied by alzander on topic Is there a way to put profile picture to left or right of the Name

Usually, what you're asking for is pretty easy with some CSS. I just tried to authenticate on your site to figure out the CSS that would work on your site, but ran into the following error during registration:

Unknown column 'MSN' in 'field list' SQL=UPDATE #__kunena_users SET `MSN` = '' WHERE userid=622

JFBConnect does try to set the 'MSN' field into Kunena, and I'm assuming that's causing some problems. Can you tell me what version of Kunena you're using? It's very possible they removed that field altogether which is causing the problem.

If you want to try a quick change to fix things, please edit the /plugins/socialprofiles/kunena/kunena.php file. At the end around line 144, you'll see:

$kunenaFields[] = (object)array('id' => "MSN", "name" => "MSN");

Put two forward slashes in front of that line, like //
Then, go into the JFBConnect Admin -> Profiles area and hit 'Save'. That should hopefully remove that field from tying to be saved and.. my guess.. is that you don't care about the user's MSN field anyways

Once we help get you past that hurdle, we can help you with Logout area.

Thanks,
Alex

The topic has been locked.

y021ahe
Offline

Active Subscriptions:

None

7 years 8 months ago - 7 years 8 months ago #59296 by y021ahe

Replied by y021ahe on topic Is there a way to put profile picture to left or right of the Name

Hi Alex,
That was quite amazing - I hit the same problem as you at exactly the same time .. I have Kunena 5.0.1 (latest version).

I have made the amendments you have recommended - I accessed profiles and clicked Apply changes

Seems to work.

to confirm my website is www.fgatest.com - there is one fgatest.com/joomla3/ but this was a test one and is not used for JFBConnect.

Thanks for your advice on CSS

Last edit: 7 years 8 months ago by y021ahe.

The topic has been locked.

mel
Offline

Support Specialist

7 years 8 months ago #59303 by mel

Replied by mel on topic Is there a way to put profile picture to left or right of the Name

By the way, I got the same error as above, except with the gtalk field. I also logged in via a FB account, but there is no avatar showing in the SCLogin module like in your screenshot. Either way, it's probably a "float" property that you will need to add to the div elements to get the positioning as you want it. Without seeing the avatar in place, it'd be hard to give you some sample CSS for that.

-Melissa

The topic has been locked.

y021ahe
Offline

Active Subscriptions:

None

7 years 7 months ago #59312 by y021ahe

Replied by y021ahe on topic Is there a way to put profile picture to left or right of the Name

Hi Mel
I have set the Enable Profile Picture, so you should see it now when you log in - I hope this will help yu to help me.

Thanks

Rich

The topic has been locked.

mel
Offline

Support Specialist

7 years 7 months ago #59313 by mel

Replied by mel on topic Is there a way to put profile picture to left or right of the Name

div#scprofile-pic {
float: left;
margin-right: 5px;
}

This will put the avatar on the left and the text/logout button on the right, next to it.

The topic has been locked.

y021ahe
Offline

Active Subscriptions:

None

7 years 7 months ago #59314 by y021ahe

Replied by y021ahe on topic Is there a way to put profile picture to left or right of the Name

Hi Mel
Where do I add this code please

I tried adding it to my custom.css file, which is the css override file for my template, but its made no difference

Am I adding it to the wrong file? or the wrong code?

Thanks

Rich

The topic has been locked.

y021ahe
Offline

Active Subscriptions:

None

7 years 7 months ago #59316 by y021ahe

Replied by y021ahe on topic Is there a way to put profile picture to left or right of the Name

Hi Mel - Please ignore my last post - it has worked

Is there a way to put the logout button on the right of the 'Welcome name', rather than below it?

Thanks

The topic has been locked.

mel
Offline

Support Specialist

7 years 7 months ago #59317 by mel

Replied by mel on topic Is there a way to put profile picture to left or right of the Name

You can also put a float:left on ".sclogin-greeting". However, if you keep expanding it horizontally, the module doesn't have enough width and the button going to wrap to the next line underneath the greeting name anyways. You can see with a long username that this happens. The width of the module position is not controlled by SCLogin, either. That will be done by your template.

-Melissa

The topic has been locked.

y021ahe
Offline

Active Subscriptions:

None

7 years 7 months ago #59318 by y021ahe

Replied by y021ahe on topic Is there a way to put profile picture to left or right of the Name

Thanks Melissa
I see what you mean - I'll leave it as it is with the LOGOUT below.
Many thanks for your advice - very much appreciated

You can close the call.

Rich

The topic has been locked.

SourceCoast Login

Is there a way to put profile picture to left or right of the Name