XF 1.3 User Group Name help

[ErikaTV]

So today I went on my website and I needed to create a Developer rank.
And for some reason the username CSS is not working.

All the other ranks have the padding of 20 and the image on the left of their name including with a custom color.

Since Tiny_Spider is a developer, I made him a developer rank.
Here is the Username CSS for developer:

And here is Moderator's CSS:

I don't get it. There are practically the same.
Yet the moderator rank is working just fine as you saw above. And the Developer doesn't even have the colored name or the image.

 

[Mike]

I'm confused by the CSS you entered there. You just need to write the rules, no selectors. (If you want selectors, use EXTRA.css instead.) Because of the extra (and unmatched?) { ... } you're going to be outputting potentially broken CSS.

 

[ErikaTV]

I'm confused by the CSS you entered there. You just need to write the rules, no selectors. (If you want selectors, use EXTRA.css instead.) Because of the extra (and unmatched?) { ... } you're going to be outputting potentially broken CSS.

Wait so take out the "{}"s?
I don't understand why it is working for all of the other username codes?

 

[Mike]

You should just include the background, padding and color lines (for example).

With what you have, invalid CSS is being outputted, so it's really down to how browsers may parse that. Sometimes it'll still work how you wish, other times it won't.

 

[ErikaTV]

You should just include the background, padding and color lines (for example).

With what you have, invalid CSS is being outputted, so it's really down to how browsers may parse that. Sometimes it'll still work how you wish, other times it won't.

I tried making another user group, and for some reason, the code doesn't work for the ones I have tried to create.
But it still works, for the groups I have previously created.

 

[ErikaTV]

Bump

 

[Mike]

Have you followed my suggestions? (For all groups.)

There is almost certainly broken CSS that will need to be identified and fixed. You should revert to the default style, remove all user group CSS, and re-add the CSS using the expected format (as mentioned above).

 

[ErikaTV]

Have you followed my suggestions? (For all groups.)

There is almost certainly broken CSS that will need to be identified and fixed. You should revert to the default style, remove all user group CSS, and re-add the CSS using the expected format (as mentioned above).

So, do you think if I change all of the other CSS coding. That the other groups I have recently created would work? Is it because of that?

 

[Mike]

It is almost certainly because of broken CSS. What you have shown is broken CSS. Therefore, that's the first thing to sort.

 

[ErikaTV]

It is almost certainly because of broken CSS. What you have shown is broken CSS. Therefore, that's the first thing to sort.

Thank you so much!
It has been fixed. It was indeed the broken CSS.