Scrollable Latest Activity / Scroll Through Latest Activity On Home Page / Profile Pages

I'm not too much into the scrolling comments walls, and such. But this particular little tweak, I like a lot. It will add a vertical scroll bar to your Latest Activity module on the home page. If you only have 4 postings selected, the bar may not show up with 500 height. You can adjust the height to suit your preference.

Add this CSS to Manage/Appearance/Advanced CSS, at bottom.

/* Scroll Bar for Latest Activity */
.xg_widget_main .xg_module_activity .xg_module_body {height: 500px;overflow : auto;position:relative;}

To scroll your Latest Activity on Member Profiles too, just remove the main page class, like this:
.xg_module_activity .xg_module_body {height: 500px;overflow : auto;position:relative;}

Views: 856

Replies to This Discussion

Thank you. l think l may try this out.
This tip is here somewhere, but under a different title and hard to find. I decided to add again, and simplify the title.
Hope you enjoy,
Jen
Thank you Jen
My pleasure.
;-)
Love this idea but it didn't work for me. Followed instructions perfectly. Copied and pasted the code into the CSS stylesheet on advanced appearances page. No change when I refreshed page... :(
Just got back to desk, and a meeting for the next hour. Give me your link, and I'll see what's going on.
Oh, thanks, Jen!!!

http://liakeyes.ning.com/
Yes I see that it's not working on your site. Let me ask this question. Are you displaying the maximum # of listings? If you are, and I think that's the case, if you drop back to 10, this may work. The idea is to save space.

Let me know.
Best,
Jen
Alas, that didn't solve the problem. But thanks for trying!

Lia
Now, I'm really puzzled. If you could leave the CSS, and the limit on how many are being displayed - - I want to play around with this code a little more.
I tried applying the code to change text/background color and that didn't work either, so I don't think it's your code that's at fault. I suspect there's some kind of block on my making changes to the CSS... is that possible?

I'm displaying eight activity updates, and reduced the number of 'features' on the main page by one, too. Here's the entire CSS:

#xg_masthead { height: 230px; min-height: 114px; background-color: transparent; }

#xg_sitename {display: none; }



#xg, .xg_headerbg {
background-color: transparent;
background-image: url(http://i773.photobucket.com/albums/yy17/liakeyes/scribgearsbanner-3...);
background-position: top center;
background-repeat: no repeat;

/* Scroll Bar for Latest Activity */
.xg_module_activity .xg_module_body {height: 500px;overflow : auto;position:relative;}

.xg_widget_main .xg_module_activity .xg_module_body {
background-color:#D1EEFC;
background-image:none;
border-left:1px solid #E3F3FE;
border-right:1px solid #E3F3FE;
border-top:1px solid #E3F3FE;
color:#0099FF; }

I'm using the "Pure Light" template.
Okay, found the culprit - - I think. You have an error in a block of code that effects everything below it.

Locate this code in your Advanced CSS:
#xg, .xg_headerbg {
background-color: transparent;
background-image: url(http://i773.photobucket.com/albums/yy17/liakeyes/scribgearsbanner-3...);
background-position: top center;
background-repeat: no repeat; }

Add the ending right bracket, like the one in bold, above.

Let me know,
Jen
:-)

RSS

Members

© 2019   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips