Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support
We've had a couple of tips added for editing the new Ning "More..." button. I thought I'd add a flavor of mods too. ;-) I decided for now I'd go with a Facebook look-a-like button - - since facebookers love the facebook look. Add the following CSS code to your Advanced CSS via My Network/Settings/Appearance/Advanced, and SAVE.
See example below:
/* fb look on More button */
.xg_module_activity .xg_module_foot .see_more_cta {
text-align:left;
width:90%;
margin-left:20px;
padding: 10px 15px;
background-color: #EDEFF4;
border: 1px solid #D8DFEA;
color: #3B5998;
cursor: pointer;
text-decoration: underline!important;
}
.xg_module_activity .xg_module_foot .see_more_cta:hover {
background-color: #D8DFEA;
}
Update 10/8/2012 - Code above not working for you? When I wrote this tip, it worked on Design Studio and old Ning Editor. I had to edit code for a site. You may need the same code.
Give this a try:
/* fb look on More button */
.xg_module_activity .xg_module_foot .xj_see_more {
text-align:left;
width:80%;
margin-left:20px;
padding: 10px 15px;
background-color: #EDEFF4!important;
border: 1px solid #D8DFEA;
color: #3B5998;
cursor: pointer;
text-decoration: underline!important;
}
.xg_module_activity .xg_module_foot .xj_see_more:hover {
background-color: #D8DFEA!important;
}
Tags: button, more, more button, more button customize, more..., ning more button

Permalink Reply by Administrator JenSocial on October 12, 2011 at 5:01pm Nice tip but every time I click on MORE button nothing happens even on my site. (Oh!!!!!! how embarrassing!!!!!) I just woke up GOOD MORNING JEN & gang
I just try again and realize I have to use the scroll bar to see the older posts. me now going back to bed and try to get our the right side of the bed this morning. hahahahahaha

Permalink Reply by Administrator JenSocial on October 12, 2011 at 5:14pm Morning Hub City Livin'
Do you have a scroll bar in your Activity feed??? if so then click on it and scroll down to see older posts.

Permalink Reply by Administrator JenSocial on October 12, 2011 at 5:25pm 
Permalink Reply by Home Based Business Program on October 12, 2011 at 9:43pm 
Permalink Reply by dreadlockssite on October 14, 2011 at 2:05pm i just made a cool new button ya might =like
.xg_module_activity .xg_module_foot .see_more_cta {background-color:#666;}
.xg_module_activity .xg_module_foot .see_more_cta:hover {
background-color: #333;
border-color:silver;
}
.xg_module_activity .xg_module_foot .see_more_cta {
border: medium solid;
border-radius: 20px 20px 20px 20px;
cursor: pointer;
display: inline;
margin: 5px 0;
min-width: 50%;
padding: 0.5em 0;
text-align: center;
}
Permalink Reply by Roleplaysocial.me on October 14, 2011 at 6:53pm
Permalink Reply by zmonsieur roger on October 17, 2011 at 2:18am
Permalink Reply by Dr. Husky on August 27, 2012 at 10:19am Cool. u are great. Thanks for all rest of my life Jen
Permalink Reply by JenSocial on October 8, 2012 at 4:21pm Dr. Husky,
Please, always provide link. I found your site and tested the code. It did not work for me on your site. I don't understand why this is different now, and will investigate. Try this code instead:
.xg_module_activity .xg_module_foot .xj_see_more {
text-align:left;
width:90%;
margin-left:20px;
padding: 10px 15px;
background-color: #EDEFF4!important;
border: 1px solid #D8DFEA;
color: #3B5998;
cursor: pointer;
text-decoration: underline!important;
}
.xg_module_activity .xg_module_foot .xj_see_more:hover {
background-color: #D8DFEA!important;
}
Hope that helps,
Jen



Started by JenSocial. Last reply by English WorldWide Apr 18. 35 Replies 0 Favorites
Started by JenSocial. Last reply by Mandy P. Mar 6. 13 Replies 0 Favorites
Started by Fire-Tech. Last reply by Fire-Tech Feb 18. 14 Replies 3 Favorites
© 2013 Created by JenSocial.
Powered by
© Copyright JenSocial.
