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

NC for Hire

I must say that one of the only annoyances that I have found about 3.0 is the color of the Ning Bar (no offense Ning, just clashes with my community color scheme).  So yesterday I decided to inspect it and found that with a single little block of code you can change the color of the ning bar to anything you like.  And remember there is a desktop Ning bar and the one you see for mobile so we'll need to change both.  Obviously only admins see the Ning bar but if you want to change yours here is how to do it.

Desktop Ning Bar #000 (black)

Mobile Ning Bar (black)

How to do it  Open your Design Studio and place the following CSS inside the advanced section, changing my #000 with your own color:

 

 a.dashboardBar-ningLogo,div.dashboardBar-toggleButton.toggle-button,div#dashboardBar,div.dashboardBar-innerSection {background:#000!important;}

 

 

And subsequently you may be wondering why my Translation button is where it is.  I think i have discovered the best place to put the translation options--over to the left where members do not see a ning bar.

If you are interested in how to do this let me know.  Have a great weekend!

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

Join Ning Creators Social Network

Email me when people reply –

Replies

  • This reply was deleted.
    • NC for Hire

      I've never seen it, but you could be right... i assume they wanted it to stay green but in any case i prefer it less green.. good to see you back bud!

  • NC for Hire

    I've decided I like the transparent version the best

    a.dashboardBar-ningLogo,div.dashboardBar-toggleButton.toggle-button,div#dashboardBar,div.dashboardBar-innerSection {background:transparent!important;}

    • NC for Hire

      its funny that they now added an additional ugly green bar at the top.... 

      here is how to make it transparent

      div.dashboardBarWrap {background:transparent!important;}

      • It's a horrible looking yoke. Annoys me. Why can we not just collapse it. It used to be that I was irritated that it was always open by default when I went to my site, and that I had to collapse it, but now that the damn thing is open all the time a green line across the top of site - yuck! >:( It is branding really. Anyways I will try this transparent insert and see if it works. Thank you, I came here today looking to see if anyone else found it irritating!

      • Oh phew! That's so much better. Thanks a million :)

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

⚡JFarrow⌁ replied to Bizz's discussion
Tip: Remove crop of group cover photo and set a bigger height while making them responsive
"Wow..  cool idea!   I may try this.     Wonder if the same could be done for the funny crop of memb…"
5 hours ago
⚡JFarrow⌁ replied to Bizz's discussion
Tip: Adding a plus media button to your activity feed
"Wow... very innovative!"
7 hours ago
⚡JFarrow⌁ replied to Bizz's discussion
Tip: Adding add content links to your activity feed
"Great tip!  Works well... just wondering why the little camera icon shows up... gonna have to inves…"
7 hours ago
Fernando Bisbal replied to Fernando Bisbal's discussion
Any trick so that the image of each group is displayed in the google search results?
"exact!! in social networks the same ... it is a horror that the web logo is always shown as an imag…"
7 hours ago
⚡JFarrow⌁ replied to Fernando Bisbal's discussion
Any trick so that the image of each group is displayed in the google search results?
"This is also something i am hoping is coming...  the ability to specify the image which shows up bo…"
7 hours ago
Fernando Bisbal posted a discussion
Any trick so that the image (LOGO) of each group is displayed in the google search results? now all…
8 hours ago
Fernando Bisbal replied to Bizz's discussion
Tip: Remove crop of group cover photo and set a bigger height while making them responsive
"Thank you very much I have applied it to my website and now it is much better"
8 hours ago
Bizz replied to Bizz's discussion
Tip: Adding add content links to your activity feed
"Hmm it should all be working ok as I have added the code to my site to test, here is a link to two…"
9 hours ago
Explore One Vietnam updated their profile
22 hours ago
kostasgr replied to Bizz's discussion
Tip: Adding add content links to your activity feed
"hi Bizz !!  not working ....."
yesterday
Bizz replied to ⚡JFarrow⌁'s discussion
Simple Tip N3: How to Move your Group Description/Follow Box
"Your welcome Fernando, glad could help
Bizz :-)"
yesterday
Fernando Bisbal replied to ⚡JFarrow⌁'s discussion
Simple Tip N3: How to Move your Group Description/Follow Box
"Thank you very much, I've been waiting for this for a long time ... the result is great ... attache…"
yesterday
More…

Meanwhile, you can check our social media channels