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: 267

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

Blog Posts

A Picture May Be Worth 1000 Members

Posted by Laura Occhipinti on September 20, 2014 at 7:51pm 1 Comment

Take pictures at EVERY event that you host for your group.  Do not…

Continue

Members

© 2014   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips