Current status of the Ning Platform is always available on the Ning Status Blog.

NC for Hire

Scrollable Events / Scroll Through Events On Home Page

The CSS in this little tip will add a vertical scroll bar to your Events module on the home page. Adjust the scroll bar height: If you have selected "List View" and only have 3 events selected, the bar may not show up using 300 pixels in height. You can adjust the height to suit your needs or preference.

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

/* Scroll Bar for Events */

.xg_theme.xg_widget_main .module_events .xg_module_body {

height: 300px;overflow : auto;position:relative;

}

 

Try this if that doesn't work:

.xg_widget_main .module_events .xg_module_body {

height: 300px;overflow : auto;position:relative;

}

 

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Votes: 0
Email me when people reply –

Replies

  • Hey Jen, I added the scroll bar for the latest activity, videos and blogs, but I can't get the events scroll bar to work. I did it exactly how you show and it didn't work and then I tried to modify and something isn't working. Got any suggestions. I am going to try doing the forum scroll next. Thanks for the help. Wes
    • NC for Hire

      Hey Wes,

      Provide your link and I'll take a look.

      Best,

      Jen

      • womantowomanmagazine.com.

        Thanks, Wes

        • NC for Hire

          Odd. I updated the tip. I would think that the xg_theme wouldn't be needed on the old editor, but acting the opposite. Remove the .xg_theme and it should work:

          .xg_widget_main .module_events .xg_module_body {

          height: 200px;overflow : auto;position:relative;

          }

          • I will give it a try. Thanks.
            • I just had the same problem getting the events section to work too... It was working for Blog and Forum fine. 

              Then I looked closely at the code and noticed a } was missing above the line. 

              Mine is working now, see www.carbondalemomsformoms.com

              Hope that helps you too, 

              Janine

              Jen, thank you for this addition, I love it!

          • This works like a charm for me; hooray! 

            Thank you!

            Holly

  • Thanks, Jen.  Your tweaks are always awesome!
    • NC for Hire

      Hi Virgil,

      Happy to hear you like it!

      =)

This reply was deleted.
 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Brudavant LLC updated their profile
Aug 11
Scott Bishop posted a discussion
I notice that that the entiredy of Ning was down all day today, "due to maintenance". Was/is there…
Aug 6
1Win Pakistan updated their profile
Jul 18
PRENSAMERICA updated their profile
Jul 9
Eva liked ⚡JFarrow⌁'s discussion Ning for Dummies - Interesting
Jun 30
jaya9game updated their profile
Jun 25
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Ning for Dummies - Interesting
"here is the PDF
 "
Jun 24
Ning Support posted a discussion
We've upgraded the way your network's favicon works — the small icon that appears in browser tabs…
Jun 10
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
The Digital Exodus: Anatomy of a Ning Migration in 2026
"yes we are...  i built a new platform to import into let me know if you wanna try - TJ @…"
May 28
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
The Digital Exodus: Anatomy of a Ning Migration in 2026
"YOU ARE WELCOME
 "
May 28
Paul Corona replied to Paul Corona's discussion
NING 3 Killed Hundreds of our Links- Why ?
"and more broken stuff.....no one seems to care......"
May 20
TJ @ jQueryHelp replied to ⚡JFarrow⌁'s discussion
The Digital Exodus: Anatomy of a Ning Migration in 2026
"Great article and very accurate!  Nice to see you're still here!
 "
May 20
More…

Meanwhile, you can check our social media channels