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

Narda Goodson updated their profile
Friday
doodle'lyn designz updated their profile
Tuesday
Move On Removals updated their profile
Tuesday
⚡JFarrow⌁ posted a discussion
If your community uses the Photos feature on Ning, you might not realize that by default, your…
Nov 13
Alex - Rosas † Negras replied to Pam Givens's discussion
emoji
"on my site I had all the codes give me time and I will find you what you need"
Oct 30
Alex - Rosas † Negras posted a discussion
If you need to build a complete Ning site, I'm available. My references can be found…
Oct 30
Ron replied to Pam Givens's discussion
emoji
"Hey Pam,
Emojis are now part of Windows, Mac, mobile devices and other OS
like this: 😎👌🏻 💯
 …"
Oct 25
Alex - Rosas † Negras left a comment on Creatori NING Italiani
"Ma non esiste piu' nessuno qui...."
Oct 25
James Keen , Lim Nari, Calvin Thomas and 3 more joined Ning Creators Social Network
Oct 20
Pam Givens posted a discussion
Does anyone have a code for emoji's, seems we are in need of thatIf you do please also tell me…
Sep 30
Pavana Priya updated their profile
Sep 28
Hippy and Margarida Maria Madruga are now friends
Sep 23
More…

Meanwhile, you can check our social media channels