How to change the icons?

[Jeff]

Hi Everyone. I have started a new network and slowly working through the design playing with CSS and managing to get the look I am after. But one thing eludes me, so far. I am sure there are more to come.

Anyway, I have changed the colours and some graphics, but can't see how the icons get changed. For example, the Online link has a bullet in front of it that is green in my site. How do I replace that graphic to suit the site, or upload and reference a different graphic?

I would also like to add a bachground graphic to the module headers behind the text.

But I am stumped. can't find out how to upload them, or reference them in the CSS.

All help appreciated.

[Jeff]

Hi MS

Thanks heaps, but how do I upload to the images folder. I am sure I must be missing something obvious here.

Jeff

[Jeff]

Fantastic. Thanks MS.

Jeff

[Jamie Thompson]

and what about removing the text, "Online Now"?

the rest worked fine, but i wanted the entire part to be an image, with no text..

thanks for this, btw.. it looks great!

[vg]

It didn't work for me

Vg
http://practicevg.ning.com

[Kevin Quigley]

for some reason, i'm not seeing any of the actual replies that others seem to be responding to. can anyone tell me how to replace the little green plus sign graphic that appears next to things like "add a video" etc?

thanks much!

[Ernie H.]

Hi Kevin - CSS is used to assign the image icon. The CSS is in the following form:

a.add { background: transparent url(http://spacialdynamics.ning.com/xn_resources/widgets/index/gfx/icon...) no-repeat scroll 0 0; }

If you wish to change the image, you can go into the Advanced tab of the Appearance page of your network and override the CSS that way:

a.add { background: transparent url(http://PATH-OF-IMAGE) no-repeat scroll 0 0 !important; }

Where PATH-OF-IMAGE is the absolute path of your image.

Hope this helps,
- Ernie

[Teresa Aguilera]

Anyone happen to know the absolute path of the standard Ning icons? Thanks!

[Teresa Aguilera]

Wait, I found it.. but no way to edit it.. http://static.ning.com/socialnetworkmain/widgets/index/gfx/icons/xg...

Any advice?

[MiGUEL]

hey man when i try to do it, it wont work

Ernie H. said:

Hi Kevin - CSS is used to assign the image icon. The CSS is in the following form:

a.add { background: transparent url(http://spacialdynamics.ning.com/xn_resources/widgets/index/gfx/icon...) no-repeat scroll 0 0; }

If you wish to change the image, you can go into the Advanced tab of the Appearance page of your network and override the CSS that way:

a.add { background: transparent url(http://PATH-OF-IMAGE) no-repeat scroll 0 0 !important; }

Where PATH-OF-IMAGE is the absolute path of your image.

Hope this helps,
- Ernie