This code will allow you to have a scrollable "latest activity" module, so you can display more activities, and take up less space doing so.

xg_module, .xg_module_activity {
background: url();
background-repeat: no-repeat;
background-position: center 0px;
width: 185;
height: 300px;
overflow : auto;
position:relative;
margin : 3px;
text-align : center;
font-size : 14px;
font-family : arial;
border:1px solid #000000;
}

Just adjust height and width to suit your needs.

Tags: tips, tricks

Views: 294

Replies to This Discussion

l am not computer smart, so can you tell me where does this go, on our "My Page Advance settings, or on the "main Page" advance settings? Plus where in the setting do it go. Above all settings or middle or end. And by the way, Thank You.
You can put it in the advanced code, either in main page or on a personal page. I personally prefer to put "tweaks" in the bottom section of the advanced code, after the codes for the scrollbars, just so it is easy to find again if I want to remove it. I have seen it placed in other places, so I guess it will work anywhere. So....pop it in the end, right before the end of the code.

/*----------------------------------------------------------------------
Footer (#xg_foot and descendants)
----------------------------------------------------------------------*/
/* Text Color of Page Bottom (Ning Bar) */
#xg_foot,
#xg_foot a {
color:#000000;
}
/* Bottom Ning Bar */
#xg_foot {
border-left:0px solid transparent;
border-right:0px solid transparent;
width:931px;
}

/* Scrollbar Colors...Will not show colors on Firefox */
html, body {
scrollbar-face-color:#666666;
scrollbar-highlight-color:# 000000;
scrollbar-3dlight-color:#999999;
scrollbar-shadow-color:#333333;
scrollbar-darkshadow-color:#000000;
scrollbar-arrow-color:#333333;
scrollbar-track-color:#999999;
}
xg_module, .xg_module_activity {
background: url();
background-repeat: no-repeat;
background-position: center 0px;
width: 185;
height: 300px;
overflow : auto;
position:relative;
margin : 3px;
text-align : center;
font-size : 14px;
font-family : arial;
border:1px solid #000000;
}
/*---------------------
End Code
----------------------*/
Rainbow - Thank you, that worked great! The text size is really large though, I can probably figure that out.
http://girlriders.ning.com/
Hi GirlRiders,
I just took a glance at the CSS. But, quickly looking, you should be able to change the style value for:
font-size : 14px;
and set the font to the size you want.
Best,
Jen

GirlRiders said:
Rainbow - Thank you, that worked great! The text size is really large though, I can probably figure that out.
http://girlriders.ning.com/
Thanks Jen, Yep I did find the font size pretty easily. I have been playing with it now to see if I can get rid of the horizontal scroll. I tried changing "width" but no luck.
Any ideas?
No need to change the width, I just reorganized the whole page anyway. Now....let me go find some more cool stuff to do ;).
You are a Genious RAINBOW!! it worked out fine!! and its kinda cool!

chek it out: http://esvareema14.ning.com/
No problem! GirlRiders, leave your url on my page, and I will have a look.
I looked at the code, and the way the scroll bars looked around the activity module, and I didn't like the way it looked. So, I modified it a little...I made the header separate, so just the body scrolls. I think it looks much nicer and cleaner.

.xg_module_activity .xg_module_body {
background: url();
background-repeat: no-repeat;
background-position: center 0px;
height: 200px;
overflow : auto;
position:relative;
margin : 3px;
text-align : center;
font-size : 12px;
font-family : arial;
border:1px solid #000000;
}

Change height and borders and text size to suit your needs. :)
Thank You works Great!
Rainbow Connection,
Thank you so much for posting these tips and help. I am very new to all this code stuff and your help has been a God Send. My site is looking much better as I learn.
Thank you so very much.
Leslie
Quest for Harmony
Thank you...this is soo helpful....

RSS

Need a Self-hosted Ning alternative?

The SocialEngine Team has created an Import Tool for Ning 2.0 Sites.
Self-hosted & 100% White Label:
SocialEngine PHP is hosted on your own server where you have complete control over your community.

Blog Posts

Replacement Laptop Key Brands

Posted by Replacement Laptop Keys on October 12, 2015 at 5:14am 0 Comments

As you may know, there are a number of brand names or makes for laptop computers. Furthermore, there are several laptop models that pertain to each brand. It is important to keep this in mind if you ever have to seek out a replacement part or…

Continue

Gum Disease Treatment

Posted by Discovery Dental WA on October 1, 2015 at 5:43am 0 Comments

Treating gum disease can be accomplished in a number of ways, and whether it'll be an easy or difficult task depends on several things, beginning with one's health. There are a variety of treatments for gum disease depending on its severity, your…

Continue

About - Fidelus Technologies LLC

Posted by Fidelus Technologies LLC on September 29, 2015 at 1:31am 0 Comments

About - Fidelus Technologies LLC

We are Fidelus. We make the complex simple. Fidelus Technologies LLC is a leading provider of Cisco Unified…

Continue

Three Things You Can Do to Get More Out of Cisco WebEx

Posted by Fidelus Technologies LLC on September 28, 2015 at 5:26am 0 Comments

Summer is almost here. And for today’s corporate workforce that often means more frequent work-from-home days, working vacations and other circumstances that call for a WebEx meeting. With that in mind, we thought it might be a good time to…

Continue

Members

© 2016   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips