• 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

#1
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;
}
 

Zynektic

Well-known member
#9
Are you using another template for your EXTRA.css entries (You can see inside EXTRA.css if its directed to another template)
 

Zynektic

Well-known member
#16
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
 

Zynektic

Well-known member
#19
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
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.
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! :)