Boone

Well-Known Member
I have a two part question.

1 - Where do I find the member ranks? What I mean is I have a member who has 854 posts and under his name it reads New Member. Another user has 236 posts and it reads Member.

2 - My Staff Member banner is in a box and all nice looking. If you're not staff the rank is just there with no styling. How can I make it so all ranks have styling?

Thanks!
 

Attachments

  • Screen shot 2014-10-06 at 11.08.42 AM.png
    Screen shot 2014-10-06 at 11.08.42 AM.png
    14.3 KB · Views: 33
  • Screen shot 2014-10-06 at 11.08.34 AM.png
    Screen shot 2014-10-06 at 11.08.34 AM.png
    13.2 KB · Views: 35
  • Screen shot 2014-10-06 at 11.08.23 AM.png
    Screen shot 2014-10-06 at 11.08.23 AM.png
    12.2 KB · Views: 35
You go to Users -> User Groups -> Your Usergroup
Edit User Group  Registered   Admin CP   XenForo.png

Under user banner styling you either choose one of the available ones or you can add your own in Other, using custom CSS class name like this:
Edit User Group  Registered   Admin CP   XenForo.png

Then you go to extra.css and add it like this for example:
Code:
.custom11 {
color: #F1F1F1;
background-color: #D52657;
border-color: #DA1A50;
}

You do this for each custom usergroup you create or for the groups you already have.
 
OK, thanks bro. One thing it's not doing is "wrapping".

Here's my extra.css and I've also provided a screenshot of the result.

Code:
.userBanner.my-style
{
color: white;
background-color: green;
border-color: green;
}
 

Attachments

  • Screen shot 2014-10-11 at 12.06.25 AM.png
    Screen shot 2014-10-11 at 12.06.25 AM.png
    7.4 KB · Views: 30
Not sure i understand what do you mean :) also you dont need to include userBanner
Code:
.my-style
{
color: white;
background-color: green;
border-color: green;
}
This will suffice because we already addeds it before in the usergroup custom css banner field.
 
Use search templates and look for
Code:
.userBanner.wrapped span.before,
.userBanner.wrapped span.after
If its there i suppose it should be like this:
Code:
.userBanner.wrapped span.before,
.userBanner.wrapped span.after {
display: none;
}
Remove it, that is hiding this
Apex   Post Bit Extra off centre   Pixel Exit.jpeg
Then in extra.css add this:
Code:
html .messageUserBlock .userBanner {
margin-left: -22px;
margin-right: -22px;
}
Play with the margin until you get what you want.
I suppose this is the right way to do it, idk if apex have any extra styling related to banners so i'm just assuming :)
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.

Back