"Legend" appears at my rank title

Hello, I placed this code into my CSS Stylesheet:

Code:

em { font-size:0 !important; }
em b { font-size:12px }
em b:after { content:" • " }
em b:last-child:after { content:"" }
b:first-child:before { content:"Legjendja : " }

And it made my legend bulletized. However, now I see it puts "Legjendja" at my rank title. Such as:
"Legjendja: Administrator"
It only occurs for my Administrator rank.
How do I fix this? Thanks.

Hello Ramdaman,

The last rule you have :

Code:

b:first-child:before { content:"Legjendja : " }

This places Legjendja before the first <b> child element. Selecting a parent should help, try this :

Code:

em b:first-child:before { content:"Legjendja : " }

Ohhh right. Lol, funny how I overlooked that.

Thanks a bunch sir. Topic solved.

You're welcome ! ^^

Topic archived

Enjoy your weekend.