Currently we are thoroughly watching over the situation in Ukraine and trying to support the brave and unstoppable spirit of Ukrainian nation in fight against Russian invasion by donating to the official resources provided by the Government. NING is standing with Ukraine in this fight for freedom and independence and if you want to show your support you can donate here.
Слава Україні! Героям Слава!

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

Melissa V updated their profile
19 hours ago
conversor de letras updated their profile
yesterday
Truebook replied to ⚡JFarrow⌁'s discussion
Ning Creators Sound Off: Share Your Network
"Ok I just changed my name to truebook.co.uk 
please take a look at let me know what you think and…"
Apr 25
KAMALAVIATION TOURS updated their profile
Apr 25
Truebook replied to ⚡JFarrow⌁'s discussion
Ning Creators Sound Off: Share Your Network
"Please can anyone help my site truebook.site is down for some reason 
trid to contact Ning and even…"
Apr 22
Truebook posted a discussion
Why is my site down ?
Apr 22
Truebook posted a discussion
Apr 20
Truebook replied to ⚡JFarrow⌁'s discussion
Ning Creators Sound Off: Share Your Network
"Hi I am new here 
this is my site 
please give me some ideas 💡 
https://truebook.ning.com"
Apr 18
Eva liked ⚡JFarrow⌁'s discussion Ning Creators Sound Off: Share Your Network
Apr 18
Truebook replied to ⚡JFarrow⌁'s discussion
Ning Creators Sound Off: Share Your Network
Apr 18
Truebook is now a member of Ning Creators Social Network
Apr 18
scott claxton updated their profile
Apr 9
More…