icon before username for staff only

Technical Details

Description of problem

Code:

a span[style="color:#COLOR OF GROUP"] strong {
    background:url(http://2img.net/i/fa/empty.gif) no-repeat;
    padding-left:16px;
}


Forumedic wrote:Take this code:

Code:

a span[style="color:#COLOR OF GROUP"] strong {
    background:url(http://2img.net/i/fa/empty.gif) no-repeat;
    padding-left:16px;
}


And replace the "COLOR OF GROUP" with the exact hex color of the usergroup you want the icon added to. For example, if your administrator group was the color

Code: #FF0000

, then you would put that in the place of "COLOR OF GROUP".

Take this part of the code:

Code: http://2img.net/i/fa/empty.gif

and replace it with the image you want.

Royal Bengal wrote:Hello,

You can follow this tutorial too https://help.forumotion.com/t90311-how-to-add-an-icon-before-username

Forumedic wrote:@faisii_x please send what you put in the CSS. The code works, so there must be an issue on your end.

Code:

span[style="color:#ff0000"] strong {
    background:url(http://i84.servimg.com/u/f84/19/44/16/59/couron10.png) no-repeat;
    padding-left: 14px;
}

Royal Bengal wrote:Try to paste code in the bottom. It should works

Royal Bengal wrote:I think problem in whole css. Copy whole code and paste here. Coding master @Ange Tuteur can help!

Code:

@"Ange Tuteur"

Code:

span[style="color:#ff0000"] strong {
            background:url('http://i84.servimg.com/u/f84/19/44/16/59/couron10.png') no-repeat !important;
            padding-left: 14px !important;
        }

SLGray wrote:

Code:

span[style="color:#ff0000"] strong {
            background:url('http://i84.servimg.com/u/f84/19/44/16/59/couron10.png') no-repeat !important;
            padding-left: 14px !important;
        }

Code:

a span[style="color:#COLOR OF GROUP"] strong {
    background:url(http://2img.net/i/fa/empty.gif) no-repeat;
    padding-left:16px;
}

faisii_x wrote:Like what how it can be solve ?

faisii_x wrote:oh thanks finally, please add space between icon and username its very closed to each other that's looking not good thanks

faisii_x wrote:ok sure..! i will change icon