XF 1.4 Custom CSS User Ranks Not Working

[screechout]

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!

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

 

[Zynektic]

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

 

[screechout]

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

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

 

[Zynektic]

Try userBanner test in the css field on group and then .userBanner.test in the EXTRA.css

https://xenforo.com/community/resources/creating-custom-user-group-banner-css.2000/

 

[screechout]

Try userBanner test in the css field on group and then .userBanner.test in the EXTRA.css

https://xenforo.com/community/resources/creating-custom-user-group-banner-css.2000/

Nope still nothing

 

[Paul B]

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

 

[Zynektic]

Try this one - https://xenforo.com/community/resources/user-ranks-with-images.2054/

 

[screechout]

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

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

 

[Zynektic]

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

 

[screechout]

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

Nope

 

[Paul B]

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

 

[Zynektic]

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)

 

[screechout]

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

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

 

[screechout]

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)

Just tried that, still not working

 

[screechout]

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

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

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

But it didn't add an extra tab

 

[Zynektic]

I just did this...

Other, custom CSS class name: test

EXTRA.css

.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]

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

 

[screechout]

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

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" />

 

[Zynektic]

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.

 

[screechout]

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

thanks for helping though!