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:

Brogan

XenForo moderator
Staff member
It works fine on the default style.
I wrote that manual page using the default style.
 

Mike

XenForo developer
Staff member
It looks like you've just applied "font-weight: normal" in your styles. What changes are you expecting?
 

Myunnos

Member
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:

Mike

XenForo developer
Staff member
It sounds like you added that code into the third party style rather than into the "default" style.
 

Mike

XenForo developer
Staff member
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 "}".
 

Myunnos

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