Past events still displayed

Hi Oliver,
well you haven’t provided much info, so I’ll just have to guess at possible scenarios here:

You’re probably using an ics url that includes past events. Your ics feed providers may offer a way to extract future events only (I don’t think google does)

IF you are showing ANY date and time navigation or pagination, then viewers can page forward and back in time, and those past events will show.

If you can’t change the ics feed contents,and really don’t want past events to show, then next best option is NOT to offer any pagination or month navigation, and just tailor what is displayed to the right amount of future events (say next 3 months? or next 90 days?).

See parameters – there are a lot – look at each section https://icalevents.com/support/documentation/shortcodes/#parameters.

There isn’t a parameter at moment to force plugin to limit data to future events only (strangely…will note that.) People have asked how to force some history to show – which I always thought was odd – it’s past already right ?

Hi anmari,

thanks for the quick reply.

Unfortunately, nothing I have tried so far seems to work.

This is the code:
[largecalendar ics=https://... listtype=5 tz=Europe/Berlin show_in_events_timezone=1 eventpoststoo=0 calendar_properties=0 pagination=0 day_links=0 show_views=0 show_month_nav=0 show_look_more=0 days=365 nocache=true]

However, the calendar displays an old event (e.g. 1st/August). Please see this link: https://www.gymnasium-brake.de/index.php/terminkalender/

I had hoped the table would be automatically reduced to events on the day/future events.

Thanks for your help
Oliver

Hi Oliver
In monthly views (large calendar OR agenda with months parameter) it always displays the events for that month.

If you used ‘agenda’ view and ‘days’ parameter, then it would start from events of the current day.

Thanks but how would I do that without losing the table layout ?

The monthly calendar view will always show whatever events are in the .ics file, so as stated before, you’d have to see if your ics url can offer a ‘future’ events only url or parameter.

Another option is that the plugin offers many css classes attached to the events. There is a ‘history’ class. You could add css to hide events with a history class.

Thanks. I tried your second suggestion and that works nicely.

Is there a way to hide past headers then, too?

.history th.level0 
{
display:none;
}

doesn’t work for me.

With thanks
Oliver

Secondly, I am trying to style the “today” class.

tr.today
{
background: ##FFFFE0;
color: #000000;
}

Doesn’t work for me. Any ideas why ?

Your help is much appreciated.

With thanks
Oliver

Oliver,
I’m not sure what you mean by ‘past headers’. If you mean the day of the month, then no – there is no ‘history’ class attached to those – past days cannot be hidden.

Please use the browser ‘inspect element’ or view source to see the nesting of the html elements and their classes. There is no th under a .history class.

Have you considered using maybe using a weekly calendar instead ? you can display 4 weeks at a time say.
https://test.icalevents.com/large-box-calendar/weeks/ (css improvement coming for that demo – bit sad at moment.)
https://icalevents.com/3650-horizontal-weekly-calendar/

RE Styling Today.
It’s a cell not a row, so you want td.today not tr.today. Secondly you have two ‘#’. Fixing that works for me for the background anyway. You may have to override any anchor colours that your theme is applying to make the text the desired colour.

• This reply was modified 7 years, 3 months ago by anmari. Reason: clarified

Hi,
thanks for your patience and your help.

Re past headers
What I am trying to get rid of is the rows/headers that contain past months. They are still being shown even though the events of the month are in the past.

Re calendar
I think I prefer a table view that displays all events. Having said that the weekly calendar definitely has its charm.

Re Styling today
It doesn’t work for me unfortunately even with td.today. The background color doesn’t change. Any more ideas?

Re past headers
Still not sure which html you are trying to target, but since there is no history class assigned to any months labels, you will not be able to hide months that are past and not current months

Re Styling today
Css can be tricky, you have to pay attention to detail and use something like firefox inspect element to check what’s going on.
1) is your css showing for the html you are targetig? if not, then you have not specified it correctly or
2) if it is showing, then check whether it is being overridden by other css.

example

View post on imgur.com

Thanks anmari.

today: Works fine now in the monthly calendar view which I am using now.

Trying to style the dayheaders class, however, I am struggling again:

<tr class=”dayheaders”>
<th scope=”col” title=”Montag”>Mo</th>

I put

tr.dayheaders
{
background:#000000 !important;
color:#000000 !important;
}

but without any success.

What am I doing wrong?

Please ignore my previous posts, I have changed things completely.