JenSocial: Social Web Directory and Ning Tips

Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support

Scroll Bar for Photos/ Scrollable Photos / Scroll Through Photos On Home Page / Profile Pages

This CSS tweak will add a vertical scroll bar to your Photo Module on the home page. If you only have 2 photos selected, the bar may not show up with 300 height. You can adjust the height to suit your preference. NOTE: THIS IS NOT FOR PHOTO SLIDESHOW, BUT FOR THUMBNAILS.

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

/* Scroll Bar for Photos */
.xg_widget_main .module_photo .xg_module_body {height: 300px;overflow : auto;position:relative;}

To scroll through Photos on Member Profiles too, just remove the main page class, like
this:
.module_photo .xg_module_body {height: 300px;overflow : auto;position:relative;}

0 members favorited this

Replies to This Discussion

Permalink Reply by Successful Women Network on April 5, 2010 at 11:39am

thank you Jen I was debating whether or not to use scroll bar on my site but I gave it a try nad it works great as always

Permalink Reply by freelee love on August 1, 2010 at 10:26pm

fanastic! I just changed the height to 280 and it was perfect

Permalink Reply by JenSocial on August 3, 2010 at 3:12am

Great!
;-)

Permalink Reply by Lex Smith on August 3, 2010 at 3:17pm

Is there a way to make scrollable notes? I know how to make it scroll on the main page,

/* Scroll Bar for Notes */
.xg_widget_main .module_notes .xg_module_body {height: 300px;overflow : auto;position:relative;}

but when I add this code to make the notes page scrollable with this code, nothing happens.

.module_notes .xg_module_body {height: 300px;overflow : auto;position:relative;}

Permalink Reply by JenSocial on August 3, 2010 at 3:22pm

Thanks for clarifying.
Then, my answer to your question, sorry I do not know. My guess is, it couldn't be done.
Best,
Jen

RSS

Welcome to
JenSocial: Social Web Directory and Ning Tips

Sign In