JenSocial: Social Web Directory and Ning Tips

Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support

NING TIP: Move Quick Share Links to the Bottom of Status Feed

If you want the quick share links move to the bottom status feed:

Add these in Advanced CSS:

/* status feed module */

.xg_status_wrapper{position: relative;}

/* quick-add links bar */

.xg_status_wrapper .quickadd-options-links{position: absolute;
bottom:2.5em; right:0;}

/* space above of the share button */

.xg_status_wrapper .xj_hint_container{padding-top: 1.5em;}

/* hide share wording */

.xg_status_wrapper .list-title{display:none;}

If you want it inside the status feed input box, like Google+ style:

Use these CSS:

.xg_status_wrapper {position: relative;}

.xg_status_wrapper .quickadd-options-links{position: absolute;
bottom:3.2em; right:1em;}

.xg_status_wrapper .input-container{padding-bottom: 1.5em !important;}

.xg_status_wrapper .list-title{display:none;}

Enjoy!!

This tips can be used with both Design Studio and old themes.

1 member favorited this

Replies to This Discussion

Permalink Reply by Administrator☼JenSocial on August 9, 2011 at 7:41am

interesting Thanks for sharing

Permalink Reply by JenSocial on August 9, 2011 at 11:30am

Nice, thanks Alex. You're such a GREAT tipster!

Permalink Reply by Tips by Alex/JenSocial on August 9, 2011 at 3:12pm

Thanks, so happy you like it~

Permalink Reply by Tips by Alex/JenSocial on August 9, 2011 at 11:53pm

Note: The CSS comments block /*.............*/ are not necessary. It's for you to learn and modify the value of style.

You can remove comments to keep page file smaller but don't suggest remove all comments or next time you don't know how to modify it. Strong recommend write your own comments that you can easily understand.

For a small site, the comments won't affect too much speed of browsing. But don't add too many comments too.

Permalink Reply by Dr. Husky on September 12, 2012 at 6:16am

HI!

@Alex: Is possible change red color for other color (f.e. Blue or Green)?

Permalink Reply by Tips by Alex/JenSocial on October 8, 2012 at 1:33am

Hi Husky,

You can change the color of links and buttons in Design Studio. If you want to change the color of icons, please check this tip:

Add customize icons with share links in activity feed

and pay attention to:

The codes that include the background image files should be one line non-break. You can simply download or open this share_link_icon.css and copy paste. Same CSS code as above.

If you want to change the color of icons, just change background image file name. For example,

xg_sprite-3366FF.png

xg_sprite-0000FF.png

xg_sprite-FF3333.png

for xg_sprite-3366FF.png , the color is #3366FF. Use Capital.