Online Friends Avatar Style Change

Hi Everyone...

How can I change avatar style of Online Friends on profile? I want to change the avatar style to square without border and change the size, thank you...

Do you mean the login widget?

Hello @yumm,

I believe you mean the friends widget on the profiles.
If yes, please use this in your CSS:

Code:

.avatar {
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

Regards.

SLGray wrote:Do you mean the login widget?

Yes, on member profile... ^^

TheCrow wrote:Hello @yumm,

I believe you mean the friends widget on the profiles.
If yes, please use this in your CSS:

Code:

.avatar {
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

Regards.

Yes, you're right, thank you this code very useful
But how can i change the avatar size and, can I hide member nickname and online status on this widget?

Yes you can. Please remove the CSS I gave you above and add this to its place:

Code:

.friend-block a span {
  display: none;
}
.avatar {
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  width: 80px;
  height: 80px;
}

In here, you can change the width and height numbers to whatever you want based on how you want this to show up.

Regards.

TheCrow wrote:Yes you can. Please remove the CSS I gave you above and add this to its place:

Code:

.friend-block a span {
  display: none;
}
.avatar {
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  width: 80px;
  height: 80px;
}

In here, you can change the width and height numbers to whatever you want based on how you want this to show up.

Regards.

Thank you, but online status still here and just look like this...

Hello @yumm

If you want to hide nicknames on the widget please add this CSS:

Code:

.friend-block > a :not(.avatar):not(img) {
    display: none;
}

Regards.

JoEl-jr wrote:Hello @yumm

If you want to hide nicknames on the widget please add this CSS:

Code:

.friend-block > a :not(.avatar):not(img) {
    display: none;
}

Regards.

Thank you, really work
So how can I hide online status too?

Hello @yumm

Remember only 1 question per topic is allowed. Hence, if your doubt has been solved remember to mark this topic as such. You can do that by clicking on the "Mark Solved" button at the beginning of this topic

Feel free to open another topic for another question.

Best regards.

mpelmmc wrote:Hello @yumm

Remember only 1 question per topic is allowed. Hence, if your doubt has been solved remember to mark this topic as such. You can do that by clicking on the "Mark Solved" button at the beginning of this topic

Feel free to open another topic for another question.

Best regards.

Yes, I know this rule, but did'nt solved my topic... Still have problems about online friends... Why you did'nt help me instead of close topic??

can you make the online to be visible for guests please

mpelmmc wrote:Hello @yumm

Remember only 1 question per topic is allowed. Hence, if your doubt has been solved remember to mark this topic as such. You can do that by clicking on the "Mark Solved" button at the beginning of this topic

Feel free to open another topic for another question.

Best regards.

The rule is exactly about two non-related issues.  This topic is all about the friends widget in the profile.

Hello @yumm is this now solved ?

If yes please reply to this topic and then mark the topic solved by pressing the mark solved button that can be found at the top of this topic.

Thank you.