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;
}

 

Views: 889

Replies to This Discussion

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 read your discussion about having the whole site public.  Ning is getting more impossible each day I have to fix this that and another broken codes etc., sure is a pain. Seriously thinking about leaving Ning for good
Great idea Jen! Ben

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;
}

 

Very cool!

Thanks for sharing!

thumbs up

Cool. u are great. Thanks for all rest of my life Jen

Hello!!

Don't working for me   :(

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

RSS

Members

© 2017   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips