Button image cannot be changed

O.K., I've searched for a thread regarding similar problems and can't find any. I've been adding personal touches to my forum, and have succeeded nicely, but for one small detail. My "user online" image won't allow me to edit it. I've tried everything.

My forum's address is: http://captain-scarlet.forumotion.co.uk/

Any help and advice would be very welcome.

Where are you trying to change/upload it? Are you getting error messages? Have you tried it here?:
Admin Panel > Display > Pics Management > Advanced Mode > Find the 'Who is online icon there' and change

And can we take a look at the image?

That's exactly what I've tried. I don't get an error message; the picture uploads fine and I have added it in the right place. When I look at my list of images, it is shown as my "user online" picture. But the picture that is shown on the forum is a different one.

- this is the image I want, as a part of my theme (sorry if it doesn't show up very well, but the theme's background is a dark picture, so it needs to be light and transparent).

- this is the image that actually shows up.

add this to css

Code:

img#i_whosonline {
background-image: url('http://i77.servimg.com/u/f77/16/17/94/53/online10.png');
}

At the risk of sounding thick, how do you edit the forum's CSS? I've tried but can't see how you get into it.

Thanks for the help.

SL

Display -> Colors -> CSS tab

I did as you suggested, but it hasn't made any difference, I'm afraid. However, I did find that the same image was already listed twice; does that mean anything?

Here is the relevant bit of code:

img#i_whosonline {
background-image: url('https://i.servimg.com/u/f77/16/17/94/53/online10.png');
}

.online {
background-image: url("https://i.servimg.com/u/f77/16/17/94/53/online10.png");
background-position: right 0;
background-repeat: no-repeat;
}

/*.online2 {
position: absolute;
top: -10px;
right: 0;
background-image: url("https://i.servimg.com/u/f77/16/17/94/53/online10.png");
background-repeat: no-repeat;
background-position: right 0;
width: 100px;
height: 100px;
}

Thank you for your patience!

SL

O.K., I don't know what the difference was this time, but I tried again and it worked. Thanks very much!