How to line up avatar with welcome greeting

How to line up avatar with welcome greeting

I would like to line up the avatar with the user greeting and also change the user menu button to a text link..

Rene

fb_1582987308
Rene
useravatar
Offline
56 Posts
Active Subscriptions:

Administrator has disabled public posting. Please login or register in order to proceed.

Re: How to line up avatar with welcome greeting

here is a screenshot
https://www.sourcecoast.com/images/agorapro/attachments/2089/mini_line-up-avatar-and-change-button-to-link.png

fb_1582987308
Rene
useravatar
Offline
56 Posts
Active Subscriptions:

Administrator has disabled public posting. Please login or register in order to proceed.

Re: How to line up avatar with welcome greeting

1. Align them together

Code:

.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

Want to stay up-to-date on new releases and development efforts?
Follow us on Twitter @sourcecoast and @mandreae

mel
Melissa
useravatar
Offline
3603 Posts
Website 
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: How to line up avatar with welcome greeting

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

fb_1582987308
Rene
useravatar
Offline
56 Posts
Active Subscriptions:

Administrator has disabled public posting. Please login or register in order to proceed.

Re: How to line up avatar with welcome greeting

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?

Want to stay up-to-date on new releases and development efforts?
Follow us on Twitter @sourcecoast and @mandreae

mel
Melissa
useravatar
Offline
3603 Posts
Website 
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: How to line up avatar with welcome greeting

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.


https://www.sourcecoast.com/images/agorapro/attachments/2089/mini_list.png

Attachments:
fb_1582987308
Rene
useravatar
Offline
56 Posts
Active Subscriptions:

Administrator has disabled public posting. Please login or register in order to proceed.

Re: How to line up avatar with welcome greeting

Can you switch it back and I'll see what I can do?

Want to stay up-to-date on new releases and development efforts?
Follow us on Twitter @sourcecoast and @mandreae

mel
Melissa
useravatar
Offline
3603 Posts
Website 
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: How to line up avatar with welcome greeting

done

fb_1582987308
Rene
useravatar
Offline
56 Posts
Active Subscriptions:

Administrator has disabled public posting. Please login or register in order to proceed.

Re: How to line up avatar with welcome greeting

Code:

.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.

Code:

.sourcecoast .btn-group.open .btn.dropdown-toggle {

background: none;
}

Edited by: mel - Jan-20-17 19:29:56

Want to stay up-to-date on new releases and development efforts?
Follow us on Twitter @sourcecoast and @mandreae

mel
Melissa
useravatar
Offline
3603 Posts
Website 
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: How to line up avatar with welcome greeting

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

fb_1582987308
Rene
useravatar
Offline
56 Posts
Active Subscriptions:

Administrator has disabled public posting. Please login or register in order to proceed.

Re: How to line up avatar with welcome greeting

The button still has a faint border which is more noticeable when you click it.

Try adding "box-shadow: none;" to the ".sourcecoast .scuser-menu .btn" style set

Also, the button takes up more vertical space than I would like.

Then tinker around with padding, instead of padding-top: 5px, change to something like "padding: 0px 22px 0 22px;" and then work your way from there.

Want to stay up-to-date on new releases and development efforts?
Follow us on Twitter @sourcecoast and @mandreae

mel
Melissa
useravatar
Offline
3603 Posts
Website 
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: How to line up avatar with welcome greeting

Hi Melissa,

Everything is great except I cannot figure out how to change the caret (right side of My Account) to a white color. Any suggestions? Also, I cannot get the profile pic to line up with the greeting; which should be in the center of the pic.

Rene

Edited by: fb_1582987308 - Jan-20-17 21:25:00
fb_1582987308
Rene
useravatar
Offline
56 Posts
Active Subscriptions:

Administrator has disabled public posting. Please login or register in order to proceed.

Re: How to line up avatar with welcome greeting

Everything is great except I cannot figure out how to change the caret (right side of My Account) to a white color.

Code:

.sourcecoast span.caret {

border-top: 4px solid #fff;
}
Also, I cannot get the profile pic to line up with the greeting; which should be in the center of the pic.

Code:

.sclogin-greeting {

padding-top: 5px;
}

Want to stay up-to-date on new releases and development efforts?
Follow us on Twitter @sourcecoast and @mandreae

mel
Melissa
useravatar
Offline
3603 Posts
Website 
Support Specialist
Administrator has disabled public posting. Please login or register in order to proceed.

Re: How to line up avatar with welcome greeting

Thanks Melissa.

Rene

fb_1582987308
Rene
useravatar
Offline
56 Posts
Active Subscriptions:

Administrator has disabled public posting. Please login or register in order to proceed.
There are 0 guests also viewing this topic
There are 0 users also viewing this topic

Board Info

Board Stats
 
Total Topics:
11667
Total Polls:
0
Total Posts:
48986
Posts today:
2
User Info
 
Total Users:
47792
Newest User:
romjat
Members Online:
1
Guests Online:
750

Online: 
zahnd
Social Stream
Refer and Earn

Like our extensions? You're not alone! That's why they're used on tens of thousands of websites. Now you can earn 20% of any sale you refer to SourceCoast.com.

We provide excellent documentation, well laid out sales pages and great support. All you need to do is spread the word and we'll take care of the rest.

Learn About Our Affiliate Program