Opus X Well-known member Dec 4, 2024 #2 the same way you did with administrator. on what version is running here in your css you would use Code: .userBanner.userBanner--staff i think. Upvote 0 Downvote
the same way you did with administrator. on what version is running here in your css you would use Code: .userBanner.userBanner--staff i think.
welington Active member Dec 4, 2024 #3 Opus X said: i think. Click to expand... XF 2.3.4 Upvote 0 Downvote
mjda Well-known member Dec 4, 2024 #4 Add this to your extra.less template: CSS: .userBanner.userBanner--staff:before { .m-faContent(@fa-var-shield); margin-right: 3px; } Alternatively, you can use this: CSS: .userBanner.userBanner--staff .userBanner-before { .m-faContent(@fa-var-shield); margin-right: 3px; } Either one should work just fine. Of course you'll want to change "shield" to whichever font awesome icon you'd like to use there. Upvote 1 Downvote
Add this to your extra.less template: CSS: .userBanner.userBanner--staff:before { .m-faContent(@fa-var-shield); margin-right: 3px; } Alternatively, you can use this: CSS: .userBanner.userBanner--staff .userBanner-before { .m-faContent(@fa-var-shield); margin-right: 3px; } Either one should work just fine. Of course you'll want to change "shield" to whichever font awesome icon you'd like to use there.