Scroll Bar for Leaderboard Home Page / Scrollable Leaderboard / Scroll Through Leaderboard

This CSS tweak will add a vertical scroll bar to your Leaderboard module on the home page. If you only have 4 listings selected, the bar may not show up with 300 height. You can adjust the height to suit your preference.

Add this CSS to My Network/Settings/Appearance/Advanced CSS, at bottom.

Advanced CSS:

/** Scroll Bar for Leaderboard **/
.xg_widget_main .mini-leaderboard-module .xg_module_body {
height: 300px;overflow : auto;position:relative;
}

 

Alternative Advanced CSS:

This CSS selector seems to change if you move leaderboard to wide column. But, I'm not certain what constitutes the class change to .detailed-leaderboard-module, from .mini-leaderboard-module. Bottom line: Try the following if code above doesn't work.

.xg_widget_main .detailed-leaderboard-module .xg_module_body {
height: 300px;overflow : auto;position:relative;
}

Tags: leader board, leader board scroll, leaderboard scroll, scroll bar for leaderboard, scroll leader board, scroll leaderboard, scrollable leaderboard

Views: 306

Replies to This Discussion

ty, Jen... youre the best ever.

Jen,

the code not work when leaderboadr is in middle coloum.

Thank jen

Thanks for this information. I updated the tip.

Alternative Advanced CSS:

This CSS selector seems to change if you move leaderboard to wide column. But, I'm not certain what constitutes the class change to .detailed-leaderboard-module, from .mini-leaderboard-module. Bottom line: Try the following if code above doesn't work.

 

.xg_widget_main .detailed-leaderboard-module .xg_module_body {
height: 300px;overflow : auto;position:relative;
}

In your case, if this code doesn't work at bottom of CSS, move to top. This means you have an error at bottom. When I tested on your site, I had to add to top of your CSS.

Best,
Jen

Thank Jen,

Now this code that you gave work on my site

Great!

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