I've managed to have a "Upcoming events" module for any page on a website. I am just sharing this so everyone can find this solution if needed. You just need to place an "Events View" module in calendar mode and hide the calendar itself.
In fact, there's no module for upcoming events or anything else in this mindset but the calendar view's showing and upcoming events section. So, after that you need a little bit of code to do the trick !
You'll need to add this code on a specific page with the Events View module in calendar mode.
WARNING : THE CODE SHOULD BE ON THE PAGE ITSELF IN HTML WITH CSS <style> IF POSSIBLE, IF NOT YOU'LL SEE THAT AMELIA'S TAKING OVER YOUR CODE.
<style>
.am-event-left {
display:none !important;
}
<!--If you want to hide the title and have a different section for this-->
Finally, every upcoming events will be shown on the module. If you want to hide some of these, consider adding a "overflow: auto;" or "overflow: scroll;" to have a scrolling sidebar with your brand new homemade module !
This is fantastic. Thank you very much for sharing your solution for Upcoming events with us. We hope that it will be of help to all our users who want to achieve something similar.
Hi,
I've managed to have a "Upcoming events" module for any page on a website. I am just sharing this so everyone can find this solution if needed. You just need to place an "Events View" module in calendar mode and hide the calendar itself.
In fact, there's no module for upcoming events or anything else in this mindset but the calendar view's showing and upcoming events section. So, after that you need a little bit of code to do the trick !
You'll need to add this code on a specific page with the Events View module in calendar mode.
WARNING : THE CODE SHOULD BE ON THE PAGE ITSELF IN HTML WITH CSS <style> IF POSSIBLE, IF NOT YOU'LL SEE THAT AMELIA'S TAKING OVER YOUR CODE.
<style>
.am-event-left { display:none !important; }
<!--If you want to hide the title and have a different section for this-->
.am-event-upcoming__heading { display:none !important; }
</style>
Finally, every upcoming events will be shown on the module. If you want to hide some of these, consider adding a "overflow: auto;" or "overflow: scroll;" to have a scrolling sidebar with your brand new homemade module !
ENJOY !
Hello again Brandon,
This is fantastic. Thank you very much for sharing your solution for Upcoming events with us. We hope that it will be of help to all our users who want to achieve something similar.
We wish you all the best.
Kind Regards,
Marko Davidovic [email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, floor plans, choropleth maps, and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables