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

Afterward

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

Boone

Well-Known Member
For whatever reason it's not displaying the CSS. Color, background, etc...

It will display the text. My Banner, Afterward is the best, etc....
 

Afterward

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

Steve

Pixel Exit Staff
All that styling is in apex_userbanner.css

Remove any classes that say .wrapped in them. Take a back up of the template first.
 

Afterward

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