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

FORUM

The Add, Feature and Edit buttons are easy to miss, they are so small, no labels just little icons.  You can of course upload your own images in place of these but you also don't have to, you can just remove the background image (icon), change the colours and force the buttons to show their actual labels.

/** Buttons Linkbar colours padding margins **/

.button-iconic {border:none; padding:6px; border-radius:4px; }
.linkbar-iconic li > a.button {border-color:black; padding:6px; margin:3px; box-shadow:0px 1px 2px 2px black;}

/** Buttons remove icon force label to show and fix width and text colour **/
.linkbar.linkbar-iconic i.icon.icon {background-image: none; text-indent:0px; width:auto; color:black;}

/** Fix file input buttons, upload a photo etc **/
.linkbar.linkbar-iconic .transparentFileInputButton {padding:6px; margin:3px;}

/** Create a hover glow effect on buttons **/
.linkbar.linkbar-iconic .icon.icon:hover {box-shadow:0px 0px 15px 1px yellow;}
.linkbar.linkbar-iconic .transparentFileInputButton:hover {box-shadow:0px 0px 15px 1px yellow;}

/** Feature button to show it has been used and makes it say UnFeature **/
.linkbar.linkbar-iconic .is-selected > .icon-feature {box-shadow:0px 0px 10px 1px black inset; color:#2E2E2E;}
.linkbar.linkbar-iconic .is-selected > .icon-feature:before {content:"Un";}

/** Fix add button in groups **/
.page-groups .icon.icon-add {background-image: none; text-indent:0px; width:auto; color:black; }

They become the standard silvery button colour which you can change as you wish.  Just change the above blue highlighted code, using background linear gradient colours and box shadows.  The orange highlighted parts of the code are where you change the text colour in the buttons.

So this code -          .linkbar-iconic li > a.button {border-color:purple; background: transparent linear-gradient(#A901DB,#7401DF); border-radius:4px; box-shadow:2px 3px 10px 1px black;}

     gives this, keeping in mind I didn't change the font colours for this example.

Here is a shot of the hover effect (on the Edit button) and the feature button in a discussion that has already been featured, simple but better than nothing :)

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

  • You read my mind. Thanks for the share.

  • Hi Bekah,

    Very cool tip! I like the way it makes the buttons look.  Thanks for sharing! smile.gif

    Best wishes!

    "TJ"

     

This reply was deleted.

Announcements

 

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

Anastasia_Ning_Support replied to Fernando Bisbal's discussion
Congratulate birthday
"Hello Fernando!
I think this would be a very nice and pleasant surprise, I love it! 
I hope our Pro…"
5 hours ago
Anastasia_Ning_Support replied to Scott Bishop's discussion
Mobile Upload to Branded Video Player
"Hello Scott!
Yes, you are right, SSL does not favor flash players and it automatically blocks it on…"
6 hours ago
Emin Schmidt left a comment on German Network Creators
"Das ist ja zum verzeifeln hier, in 3 Jahren hat mir niemad geantwortet hier, also wenn jemand hier…"
8 hours ago
Jonas Premier updated their profile
10 hours ago
⚡JFarrow⌁ replied to Anastasia_Ning_Support's discussion
What’s new on NING?
"Yes.... i don't see the search features enabled for my site.. it shows on Videos but not photos, fo…"
20 hours ago
Dr Husky (Emalejandro) replied to Dr Husky (Emalejandro)'s discussion
I need upload ads.txt
"Very very thanks :)"
23 hours ago
Anastasia_Ning_Support replied to Anastasia_Ning_Support's discussion
What’s new on NING?
"Hello!
This update will bring the "Add content" button only for single type content module, but in…"
yesterday
Anastasia_Ning_Support replied to Anam's discussion
Comments on Profile Pages Do Not Appear in Latest Activity
"Hello Anam!
You are completely right, such functionality may possibly cause issues to the network o…"
yesterday
Anastasia_Ning_Support replied to Dr Husky (Emalejandro)'s discussion
I need upload ads.txt
"Hi!
Here is the link to edit your ads.txt https://revistadiscover.com/main/admin/adsTxt
Best regard…"
yesterday
Anastasia_Ning_Support replied to Anastasia_Ning_Support's discussion
What’s new on NING?
"Hello!
Only the "Add content" button was scheduled for release this week, the other 2 updates were…"
yesterday
Anastasia_Ning_Support replied to Anastasia_Ning_Support's discussion
What’s new on NING?
"Hello Rachella!
We will definitely bring a mobile application at some point, but I am afraid it wil…"
yesterday
⚡JFarrow⌁ replied to Anastasia_Ning_Support's discussion
What’s new on NING?
"me too"
yesterday
More…

Meanwhile, you can check our social media channels