Hide the empty event list

Hi!

Thanks for reaching out.

We can do this with a bit of JS code.

Would you mind pasting the link to an example of this issue in your site, so we can check it out?

Kind Regards,
-Roch

Hi!

Thanks for the link.

This is the JS code to do it:

<script type="text/javascript">
jQuery(document).ready(function($) {
jQuery(".sp-event-list td").each(function(){
    var text = jQuery(this).text();
    if ( text == "No data available in table") {
        jQuery(this).parent().parent().parent().parent().hide();
    }
});
});
</script>

You can add it to your site using a plugin like this one:
https://ww.wp.xz.cn/plugins/header-and-footer-scripts/

Or add it directly in your theme files (header or footer).

Just keep in mind that this will not hide the title, as doing so will actually remove the entire post you have right now.

We have two options for this:
1) Add a custom class to your titles so we can hide them easily via JS as well.
2) Add the titles via CSS (which will be harder).

The first one is probably easier and cleaner.

Thanks!

Hi there!

Thanks for reaching out.

I’ve noticed that you changed your homepage. Do you want to keep this current style?

That’s a good solution indeed, as it will show future events.

Thanks!

Hi Federico!

I can see now that you have an event in your homepage.

And when I click it, it opens a blank page. Do you want to redirect that to a SP event?

Thanks!