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

⚡JFarrow⌁ replied to Alex - Rosas † Negras's discussion
I want to thank JOHN BIZLEY ( BIZZ) for his invaluable help, active icons on the Ning bar,CODES ADDED
"nice tip!"
13 hours ago
Brandon Cameron updated their profile
Sunday
John Hodge updated their profile
May 9
John Hodge updated their profile
May 2
Rhonda replied to ⚡JFarrow⌁'s discussion
Time Saver: Your RSS Feeds for Location Tags on Ning
"Hi JFarrow,
I was wondering if you had a code for birthdays. I accidentally deleted the code that I…"
Apr 30
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Time Saver: Your RSS Feeds for Location Tags on Ning
"Use the feeds inside this awesome RSS Feed tool"
Apr 25
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Amazing Tool to Automate Your Content Discovery, RSS and Sharing Community Content
"It would be Nice if Ning updated this page"
Apr 25
Ron updated their profile
Apr 24
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Style Hack: How to Have Different Backgrounds for Different Groups
"still love this hack"
Apr 23
Alina Langley replied to Suzie Nielsen's discussion
Ning 2.0 For Sale
"Do you atill have a NING 2.0 site? I am looking for one, please DM me :)"
Apr 12
Alina Langley updated their profile photo
Apr 12
Alina Langley updated their profile
Apr 12
More…

Meanwhile, you can check our social media channels