Current status of the Ning Platform is always available on the Ning Status Blog.

NC for Hire

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..

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Votes: 0
Email me when people reply –

Replies

  • NC for Hire

    this is the white version from the above code (the rest of the URL gets cut off)

    3224964?profile=original

  • WOW very nice Icons, Thank you for shared it.. free? or $

    • NC for Hire

      oh these are free Medusa!  go wild...  if you need a different color let me know

      • Hello thank you. I try it but doesn't work for me unfortunately :(

        • NC for Hire

          wanna share with me the code you added to your CSS?  i'll help you work it out..

          • .icon {
            background-image: url('https://storage.ning.com/topology/rest/1.0/file/get/11487933?profile=original')!important;
            }

            • NC for Hire

              are you on 2.0 or 3.0.... will not work on 2.0 btw

              • hello dear JFarrow

                is on 3.0..... my 2.0 doesn't exist anymore

  • Awesome tip and beautifully customized images. Thanks, J! 

This reply was deleted.
 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Bizz replied to ⚜ 𝔏𝔲𝔠𝔦𝔞 𝔖𝔱 𝔊𝔢𝔯𝔪𝔞𝔦𝔫𝔢 ⚜'s discussion
Friends Module
"Sometimes this happens because it's still in the cache of the browser, if you go to that friends…"
1 hour ago
⚜ 𝔏𝔲𝔠𝔦𝔞 𝔖𝔱 𝔊𝔢𝔯𝔪𝔞𝔦𝔫𝔢 ⚜ shared their discussion on Facebook
10 hours ago
⚜ 𝔏𝔲𝔠𝔦𝔞 𝔖𝔱 𝔊𝔢𝔯𝔪𝔞𝔦𝔫𝔢 ⚜ liked ⚜ 𝔏𝔲𝔠𝔦𝔞 𝔖𝔱 𝔊𝔢𝔯𝔪𝔞𝔦𝔫𝔢 ⚜'s discussion Friends Module
10 hours ago
⚜ 𝔏𝔲𝔠𝔦𝔞 𝔖𝔱 𝔊𝔢𝔯𝔪𝔞𝔦𝔫𝔢 ⚜ posted a discussion
Friends module is not updating when a friend is removed or suspended from the network. In the admin…
10 hours ago
⚜ 𝔏𝔲𝔠𝔦𝔞 𝔖𝔱 𝔊𝔢𝔯𝔪𝔞𝔦𝔫𝔢 ⚜ shared their discussion on Facebook
18 hours ago
⚜ 𝔏𝔲𝔠𝔦𝔞 𝔖𝔱 𝔊𝔢𝔯𝔪𝔞𝔦𝔫𝔢 ⚜ liked ⚜ 𝔏𝔲𝔠𝔦𝔞 𝔖𝔱 𝔊𝔢𝔯𝔪𝔞𝔦𝔫𝔢 ⚜'s discussion Groups on Creators
18 hours ago
⚜ 𝔏𝔲𝔠𝔦𝔞 𝔖𝔱 𝔊𝔢𝔯𝔪𝔞𝔦𝔫𝔢 ⚜ posted a discussion
I made a group for my themes, but its still in pending approval can someone please allow or…
18 hours ago
⚜ 𝔏𝔲𝔠𝔦𝔞 𝔖𝔱 𝔊𝔢𝔯𝔪𝔞𝔦𝔫𝔢 ⚜ posted photos in Everyday Themes
Wednesday
⚜ 𝔏𝔲𝔠𝔦𝔞 𝔖𝔱 𝔊𝔢𝔯𝔪𝔞𝔦𝔫𝔢 ⚜ posted a discussion in Everyday Themes
Specify what themes you are looking for and get themes for free.Let us help you find a graphic or…
Wednesday
Rosas † Negras posted a discussion
 textarea.input-full { border: 2px groove #FFF;padding:border: 0px solid rgba(100, 100, 100, 1);…
Tuesday
⚜ 𝔏𝔲𝔠𝔦𝔞 𝔖𝔱 𝔊𝔢𝔯𝔪𝔞𝔦𝔫𝔢 ⚜ replied to ⚜ 𝔏𝔲𝔠𝔦𝔞 𝔖𝔱 𝔊𝔢𝔯𝔪𝔞𝔦𝔫𝔢 ⚜'s discussion
Need help with CSS and HTML / CSS Code for layout
"I got my buttons coding going and changed on most layouts now. I like it when things glow lol "
Tuesday
⚜ 𝔏𝔲𝔠𝔦𝔞 𝔖𝔱 𝔊𝔢𝔯𝔪𝔞𝔦𝔫𝔢 ⚜ replied to ⚜ 𝔏𝔲𝔠𝔦𝔞 𝔖𝔱 𝔊𝔢𝔯𝔪𝔞𝔦𝔫𝔢 ⚜'s discussion
Need help with CSS and HTML / CSS Code for layout
"I thought you may be an NC for Hire as well? My bad. You could probably be one tho if you wanted to…"
Tuesday
More…

Meanwhile, you can check our social media channels