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

XF 1.4 Custom CSS User Ranks Not Working

Discussion in 'Styling and Customization Questions' started by screechout, Jun 21, 2015.

  1. screechout

    screechout Member

    Hi,

    I've been having a few problems when trying to add my own user ranks that I have made, here is the code below that is in EXTRA.css, it doesn't show up on my forums despite the user being a part of the "test" user group. Not quite sure what the problem is, any help appreciated. Thanks! :D


    Code:
    .test
    {
    color: transparent;
    background-image: url('http://gyazo.com/9f2bca891105101971ab177623063fc6.png');
    display: block;
    height: 25px;
    width: 121.5px;
    margin-top: -4px;
    }
     
  2. Zynektic

    Zynektic Well-Known Member

    In the banner part add .test when editing the group to the css part (I think you need to do this).
     
  3. screechout

    screechout Member

    In the user group section "Other, using custom CSS class name:" , if so then I already have done this :(
     
  4. Zynektic

    Zynektic Well-Known Member

  5. screechout

    screechout Member

  6. Brogan

    Brogan XenForo Moderator Staff Member

    There could be a problem with your EXTRA.css template or you're adding it to the wrong style.
     
    screechout likes this.
  7. Zynektic

    Zynektic Well-Known Member

  8. screechout

    screechout Member

    Just doubled checked it has been added to the correct style I'm guessing that there could be a problem with my EXTRA.css template is there another possibility, thanks
     
  9. Zynektic

    Zynektic Well-Known Member

    Are you using another template for your EXTRA.css entries (You can see inside EXTRA.css if its directed to another template)
     
  10. screechout

    screechout Member

    Nope :(
     
  11. Brogan

    Brogan XenForo Moderator Staff Member

    Add it at the very top of the EXTRA.css template.
    Does it work then?
     
  12. Zynektic

    Zynektic Well-Known Member

    Is the custom CSS name 'test' without a . in the usergroup? So on the usergroup use: test (then save)

    in EXTRA.css try...

    .test {
    background: url("http://gyazo.com/9f2bca891105101971ab177623063fc6.png") no-repeat;
    height: 25px;
    width: 121.5px;
    text-indent: -10000em;
    display: block;
    }

    Something like that (the text-indent should remove the word)
     
  13. screechout

    screechout Member

    Sorry I'm very new to all this, when you say add what do you mean?
     
  14. screechout

    screechout Member

    Just tried that, still not working
     
  15. screechout

    screechout Member

    I think I figured out what you mean, I added at the top of EXTRA.css this

    Code:
    <xen:include template="Test.css" />
    But it didn't add an extra tab
     
  16. Zynektic

    Zynektic Well-Known Member

    I just did this...

    Other, custom CSS class name: test

    EXTRA.css

    Code:
    .test {
    color: transparent;
    background: url("http://gyazo.com/9f2bca891105101971ab177623063fc6.png") no-repeat;
    height: 25px;
    width: 121.5px;
    margin-top: -4px;
    display: block;
    }
    
    Works on mine but the image is too big, I do not think it resizes so should make it smaller as it crops it off.

    Paste it right at the top of your EXTRA.css
     
    screechout likes this.
  17. Zynektic

    Zynektic Well-Known Member

    Or yes, if you are directing your edits elsewhere they need to go in the new template.
     
  18. screechout

    screechout Member

    I can not get the new template to appear next to the "EXTRA.css" in EXTRA.css, I used this right at the top of EXTRA.css

    <xen:include template="Test.css" />
     
  19. Zynektic

    Zynektic Well-Known Member

    You are best off waiting for Brogan to help with that one. @Russ moved my extra.css to xb_custom_styles.css so I place my edits there.

    If you want your edits in EXTRA.css rather than Test.css I assume you can just remove that part you posted above.
     
  20. screechout

    screechout Member

    Okay thanks for your help, maybe there is a problem with my EXTRA.css as I can't add an extra tab either o_O

    thanks for helping though! :)
     

Share This Page