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:
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
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.
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;
}
Cool. u are great. Thanks for all rest of my life Jen
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
Welcome to
JenSocial: Social Web Directory and Ning Tips
Posted by JenSocial on May 7, 2018 at 8:35pm 9 Comments 1 Favorite
Posted by JenSocial on January 6, 2017 at 4:00pm 10 Comments 1 Favorite
Posted by JenSocial on October 22, 2016 at 1:05am 0 Comments 0 Favorites
Posted by JenSocial on September 17, 2016 at 12:00am 26 Comments 1 Favorite
Posted by JenSocial on August 31, 2016 at 3:30pm 13 Comments 0 Favorites
Ning 3.0 Tip - Add Buttons/Links Below Status Update (Quick Links to Add Photos, Posts, Discussions)
Started by Themes - Rosas Negras Mar 20, 2021. 0 Replies 0 Favorites
Started by JenSocial. Last reply by Kos Dec 6, 2016. 64 Replies 4 Favorites
Started by JenSocial. Last reply by JenSocial Jul 26, 2016. 41 Replies 1 Favorite
© 2024 Created by JenSocial. Powered by
© Copyright JenSocial.