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

Kathleen (SunKat) updated their profile
Feb 20
Scott Bishop posted a discussion
OMG! AI does it all. Anything you want to light up your Ning site, just ask Google AI. That's what…
Feb 5
Scott Bishop replied to Alex - Rosas † Negras's discussion
HTML Browser Popup Window Generator,possible with a click to have the window open for ning or other pages, this is my example
"Where at in a 3.0 website do you paste the code to? "
Feb 3
Scott Bishop replied to George H. Compton IV's discussion
(Ning 2 and 3) welcome / sign-in and sign-up pop-up module. Updated Aug 24, 2017
"Hi George, I'm not sure if this tip has been outdated or for some reason it's not working on my…"
Feb 3
Eva updated their profile
Jan 28
Scott Bishop replied to Scott Bishop's discussion
Please Help! Members Have No Way of Posting Anything
"https://community.surfoutlook.com/
However, it's been solved. Ning helped me out with it. "
Jan 27
Alex - Rosas † Negras replied to Scott Bishop's discussion
Please Help! Members Have No Way of Posting Anything
"I don't remember your site, I'll check for you, can I have the link?"
Jan 26
Scott Bishop replied to ⚡JFarrow⌁'s discussion
🖼️ Improve Accessibility & SEO on Your Ning Photo Pages by Automatically Adding ALT Text from Photo Titles
"On your step 3 where you say "Paste in the script below", I'm not finding that. Did you forget to…"
Jan 25
Scott Bishop replied to Scott Bishop's discussion
Please Help! Members Have No Way of Posting Anything
"I think that setting was switched over to Admin as a default when I converted from 2.0 to 3.0…"
Jan 25
Alex - Rosas † Negras replied to Scott Bishop's discussion
Please Help! Members Have No Way of Posting Anything
"settings members must post, if you put ADMIN it is FORBIDDEN TO PEOPLE"
Jan 25
Scott Bishop replied to Scott Bishop's discussion
Please Help! Members Have No Way of Posting Anything
"I got an answer back from Ning Support within an day. It was a setting that somehow slipped out of…"
Jan 22
Scott Bishop posted a discussion
I just realized that my members can no longer post pictures, videos, blogs, events, or anything…
Jan 21
More…

Meanwhile, you can check our social media channels