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

Iqra Attiq updated their profile
Monday
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
LEO Mobile App Builder updated their profile
Mar 26
Aase Lillian replied to Aase Lillian's discussion
Community - activity page
"Ok, thank you. Please send me details as I have no idea on how to do it. "
Mar 19
More…

Meanwhile, you can check our social media channels