XF 1.3 User Group Styling on Default theme doesn't work

Myunnos

Member
Hi there!

I'm following your guide http://xenforo.com/help/user-group-styling/ specifically the part where it changes the post look. It works on third party themes but the exact settings do not apply when the theme is switched to the default.

This didn't work on the previous version nor on 1.3. Any fixes for the default theme?

Thanks!

EDIT: To elaborate a bit more, the code here (In the EXTRA.css)
Code:
.staff .avatarHolder {
    background-color: #C64545 !important;
    border-radius: 0px !important;
}

.staff .messageUserBlock {
    background-color: #FAFAFA;
    border-color: #C64545;
}

.staff .messageUserBlock .arrow {
    border-left-color: #C64545;
}

.staff .messageUserBlock .arrow span {
    border-left-color: #C64545;
}

Does not apply in the default theme. Only in the third party theme.
 
Last edited:
It looks like you've just applied "font-weight: normal" in your styles. What changes are you expecting?
In my extra.css I've added the .staff code dictated in the user group style guide (The coloring around the users post, for example the red and green in my forum are from the guide) and it works fine - in my third party theme.

However, this isn't the case in the default.

The font-weight: normal is just reducing the boldness from the usernames (From the theme) I'm not sure if it's relevant to why the post group styling isn't working in the default theme. Due to applying this same code in my extra.css on another forum with no 'font-weight: normal', using the default theme.

EDIT: To elaborate a bit more, the code here
Code:
.staff .avatarHolder {
    background-color: #C64545 !important;
    border-radius: 0px !important;
}

.staff .messageUserBlock {
    background-color: #FAFAFA;
    border-color: #C64545;
}

.staff .messageUserBlock .arrow {
    border-left-color: #C64545;
}

.staff .messageUserBlock .arrow span {
    border-left-color: #C64545;
}

Does not apply in the default theme. Only in the third party theme.
 
Last edited:
It sounds like you added that code into the third party style rather than into the "default" style.

I thought so too, so in my new forum with absolutely no third party themes I added it into the default extra.css and it still doesn't work.
http://ellinel.com/threads/welcome.3/#post-6

4nSJ2tY.png


I added the !important tags in hopes it would work, with or without, it still doesn't work.
 
You have a syntax error in your CSS:
Code:
.navTabs .navTab.selected .tabLinks a {
color: rgb(3,56,109);
{
.staff {
color: rgb(108, 166, 228);
}
Note the "{" instead of "}".

Would you look at that! I feel silly now.

I really appreciate your help on that - should've picked up on that.
 
Back
Top Bottom