Log in | Register
  1. Forum
  3. Non-Commercial Extensions
  5. SCLogin Enhanced Login
  7. How to line up avatar with welcome greeting

Topic-icon How to line up avatar with welcome greeting

Active Subscriptions:

None
7 years 3 months ago #60685 by fb_1582987308
I would like to line up the avatar with the user greeting and also change the user menu button to a text link..

Rene
The topic has been locked.
Active Subscriptions:

None
7 years 3 months ago #60686 by fb_1582987308
here is a screenshot
File Attachment:
The topic has been locked.
Support Specialist
7 years 3 months ago #60688 by mel
1. Align them together
.sclogin #scprofile-pic {
float: left;
margin-right: 5px;
}

2. Change to text link: This should be an option in the SCLogin module > Logout View Settings tab. For 'Show Logout' choose "Show Link" instead of "Show Button"

-Melissa
The topic has been locked.
Active Subscriptions:

None
7 years 3 months ago #60690 by fb_1582987308
Hi Melissa,

The setting you reference to change to a link, does nothing to the button.. so the button remains and a "Logout" text link is added to the left of the button...

Rene
The topic has been locked.
Support Specialist
7 years 3 months ago #60691 by mel
Ahh, I didn't look closely enough at that button. The one that is showing up is for the "My Account" menu. Can you try changing the 'User Menu Style' option to see if that helps?
The topic has been locked.
Active Subscriptions:

None
7 years 3 months ago #60692 by fb_1582987308
Hi Melissa,

The only other setting is List and here is the result. I want dropdown behaviour but when dropdown is selected I get a button.


File Attachment:
The topic has been locked.
Support Specialist
7 years 3 months ago #60695 by mel
Can you switch it back and I'll see what I can do?
The topic has been locked.
Active Subscriptions:

None
7 years 3 months ago #60696 by fb_1582987308
done
The topic has been locked.
Support Specialist
7 years 3 months ago - 7 years 3 months ago #60697 by mel 
.sourcecoast .scuser-menu .btn{
background: none;
text-shadow: none;
color: #FFF;
padding-top: 5px; /* This will align it with the greeting name */
}

When you've clicked the button, if you don't want the button style still, then you could add something like this.
.sourcecoast .btn-group.open .btn.dropdown-toggle {
background: none;
}
Last edit: 7 years 3 months ago by mel.
The topic has been locked.
Active Subscriptions:

None
7 years 3 months ago #60701 by fb_1582987308
Hi Melissa,

Thanks. It is almost there. The button still has a faint border which is more noticeable when you click it. Also, the button takes up more vertical space than I would like.

Rene
The topic has been locked.
  1. Forum
  3. Non-Commercial Extensions
  5. SCLogin Enhanced Login
  7. How to line up avatar with welcome greeting
From the Blog
Facebook | Twitter | LinkedIn | Blog RSS