A client asked me recently if the icon colors could be changed. Of course I knew there had to be a way to change or customize the icons that Ning serves us. So, this is the quick and dirty way to change the color of the icons. I added a single pixel stroke and a faint drop shadow to the icons to make them stand out. The original sprite image can be found sprite.png.
How to Over-ride the default icons on your Ning 3.0 network
First Choose a Premade Sprite Image (right click and copy image URL or download and reupload to your own network through a text box)
*If you need another color, let me know the HEX# in the comments below and I'll make it and upload it for you.
Second, now add the following CSS to your Advanced CSS box in Design studio and replace the red url with the sprite image you chose above. Note: If you'd like to use white icons with a single black 1px stroke, just copy and paste the following into your CSS as is.
.icon {
background-image: url('https://storage.ning.com/topology/rest/1.0/file/get/557248?profile=original')!important;
}
Now you are done! Enjoy your custom icons!
If you are interested in more tricks like this, take a look at the archive on my profile. If you need help with your network, drop me a line! Happy to help..
Replies
here you go bit homey... c7c7c7 enjoy!
thanks Bro.. glad you find it useful
i believe for 2.0 you will need to change it to something like this
4 New Sprite Icon Sets for you guys to use if needed. Earth Air Fire and Water
Earth
Air
Fire
Water
I have looked everywhere on how to change the secondary colors in a couple places and I cannot find it anywhere. Can you help me??? I'm trying to change the Secondary Color to my Body and Heading Text, Module Heading and Body texts and under Sub Tab Text Color. I don't know why it won't let me. And I am not that good with code. I've been trying to learn. I have managed to change one color before and now I can't find where I found that help! Any help will be great! Thanks!
I'd love to help, just not sure i can visualize what you are referring to from your description..
See how you can't see the names. I cannot get that Color to change. It is a secondary Color. And I can't find a code to change it. I have some members who use a tablet to come online and they have a really hard time seeing it. Especially when I change the colors depending on the season or Holiday.