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

NC for Hire

This CSS will help make your "Status Update Box" stand out better. If you're a member of JenSocial, you can see it in action here: http://jensocial.com

These effects are added behind the box, not to the box itself. I wanted to keep it simple and elegant.

 

Instructions:

  • FIRST, if you used the old tip, access your Advanced CSS via:
  • My Network/Settings/Appearance (Design Studio icon/Advanced)
  • Search for: .status-bar-wrapper .status-bar
  • Either remove this code and start over (new code below). Or, edit this code and replace the full class name .status-bar-wrapper .status-bar with the new class: .xg_status_wrapper. Notice: Quickpost links code is new.
  • Starting over? Edit the code below, customizing the background color for regular and hovered, to suit your customization needs.
  • Edit the code below, customizing your Quickpost link colors to your preferred colors.
  • Add to your Advanced CSS, via My Network/Settings/Appearance
  • Save/Publish.

 

/* Quickpost Title Color and Font weight, Share */
.quickadd-options-links .list-title {
color:#ffffff;font-weight:bold;
}
/* Quickpost Links Color */
.quickadd-options a {
color:#003366!important;
}

.xg_status_wrapper {
-moz-transition: all 0.1s ease 0s;
background-color: #5BBCDC!important;
/* Border */
border: 3px solid #e6e6e6 !important;
/* Rounded Corners */
border-radius: 12px 12px 12px 12px;
padding: 12px 20px !important;
}

/* Hovered Background Color */
.xg_status_wrapper:hover {
background-color: #82C7FF!important;
}

 

Enjoy!

Jen

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

  • YES THIS ROCKS! *DOES THE TOOTSIE ROLL* :)
    • NC for Hire
      LOL, glad you like it Ceddy!
  • Jen,

    What I think would be very cool is if you or another NC talent could make a Status Update box that also shows when not signed-in.

    Have some sort of sign-in or sign-up module that would drop down over it when a visitor clicks into it to write. THEN, when signed in that same fake Status Update box rolls over into the real deal.

    When I was on your site I didn't realize you had a Status Update box until I signed in after seeing your post here.

    • This reply was deleted.
      • NC for Hire
        Sorry to hear that Diane. Wonder what the deal is?
    • NC for Hire

      Hi Scott!

      Nice idea, but don't see it happening. That's one tall order. Maybe TJ will take it on. ;-)

      Best to you,

      Jen

    • NC for Hire
      =)
  • AMAZING
  • Huh, weird.  I've installed the code and changed the colors to match my site.  The hover effect works but the regular background color is white despite whichever color I put in there.....  Great code though - love it!
    • NC for Hire

      Hi Robert,

      That is odd, because we're already using !important. Wish I knew why.

      Best,

      Jen

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

LEO Mobile App Builder updated their profile
Tuesday
Aase Lillian replied to Aase Lillian's discussion
Community - activity page
"Ok, thank you. Please send me details as I have no idea on how to do it. "
Mar 19
Aase Lillian and ⚡JFarrow⌁ are now friends
NC for Hire
Mar 19
⚡JFarrow⌁ updated their profile photo
Mar 18
⚡JFarrow⌁ replied to Aase Lillian's discussion
Community - activity page
"Yes you can add emojis to your community pretty much anywhere you like.
If you need some help…"
Mar 18
Aase Lillian updated their profile
Mar 18
Aase Lillian posted a discussion
Hi all. Is it possible to add emojis to the community? I also wish the activity page to include…
Mar 18
Donna MacShoe updated their profile photo
Mar 6
Adul Rodri is now friends with ANGE.L LUAR and Margarida Maria Madruga
Feb 14
Shweta Sharma updated their profile
Jan 26
catherine martin updated their profile
Jan 16
Donna MacShoe updated their profile photo
Jan 15
More…

Meanwhile, you can check our social media channels