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;
}
Replies
Hey Wes,
Provide your link and I'll take a look.
Best,
Jen
womantowomanmagazine.com.
Thanks, Wes
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 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
Hi Virgil,
Happy to hear you like it!
=)