1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

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

Discussion in 'XenForo Questions and Support' started by Myunnos, Mar 15, 2014.

  1. Myunnos

    Myunnos New 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: Mar 15, 2014
  2. Brogan

    Brogan XenForo Moderator Staff Member

    It works fine on the default style.
    I wrote that manual page using the default style.
     
  3. Myunnos

    Myunnos New Member

  4. Mike

    Mike XenForo Developer Staff Member

    It looks like you've just applied "font-weight: normal" in your styles. What changes are you expecting?
     
  5. Myunnos

    Myunnos New Member

    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: Mar 15, 2014
  6. Mike

    Mike XenForo Developer Staff Member

    It sounds like you added that code into the third party style rather than into the "default" style.
     
  7. Myunnos

    Myunnos New Member

    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

    [​IMG]

    I added the !important tags in hopes it would work, with or without, it still doesn't work.
     
  8. Mike

    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 "}".
     
    Amaury, Myunnos and Brogan like this.
  9. Myunnos

    Myunnos New Member

    Would you look at that! I feel silly now.

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

Share This Page