michielve

I, I’ve looked at your page and it is related to some Wordfence security measure. If you look into the network console you can see the following message:

A potentially unsafe operation has been detected in your request to this site
Your access to this service has been limited. (HTTP response code 403)
If you think you have been blocked in error, contact the owner of this site for assistance.

I don’t know why it does this, so you may can ask Wordfence support for this.

BTW: I also see the “Unknown error” in Google Chrome.

Your page at https://souheganvalleychorus.org/events/svc-events-calendar/ shows an error so I cannot comment on that.

When I look at the page at https://souheganvalleychorus.org/full-calendar-2/ I see a purple / turquoise color for the events with a white font color, that can be read, so this looks good to me.

Regarding your question about “greying out” past events instead of hiding them, this has to be done by CSS. For past days, the calendar uses a CSS class “.fc-day-past” so you can use that to give events a different color. I cannot test this myself, but I think it would be something like:

td.fc-day-past a.fc-event {
    background-color:#C0C0C0 !important;
}

• This reply was modified 9 months, 2 weeks ago by michielve.

Hi, you first have to check the calendars you want to be accessible on your website. After that, you can select the calendars per block or shortcode.

Hi, how to use colors depends on whether you use public or private calendars.

For public calendars you can specify the title and color in the settings page as you notices. For color you can use values like hex values like #AA00CC.

Private calendars are displayed in the colors they have in the Google application. If you use the default colors, this will be done automatically, but if you used custom colors for some of your calendars, then you first need to click the “Update colorlist” button in the settings.

Hope this helps.

Hi, this one works for me:

[pgc initial_view="listWeek" header-right="listWeek,dayGridMonth" calendarids="nl.dutch#[email protected]"]

But I had to navigate to the next or previous week to be able to see events, because this week there aren’t any, so maybe this is the case for you as well?

Hi, I currently don’t have much time to develop new features for this plugin and to be able to test this, I first need to get a FullCalendar Premium license. So unfortunately I don’t think I can do this is in the near future.

Hi, Google only allows the host localhost to be used for development. So you should use that one.

Hi, yes I see this as well. This should now be fixed in version 20240104. But unfortunately you will have to save the pages with calendars before this fix will work.

Hi, for me your shortcode is working like it should – see https://blog.michielvaneerd.nl/calendar-test/, so I don’t know why it doesn’t work for you.

Hi, I’ve looked at the page and it seems that you are also using a plugin called Divi Event Calendar’ that is setting some CSS styles with ‘!important’ on the calendar and as a result overruling the CSS styles of the ‘Private Google Calendar’ plugin.

So you could remove the Divi plugin.

But if you can’t remove the Divi plugin, you can add some custom CSS. Maybe add something like this (make sure to add ‘!important’ because otherwise the Divi CSS won’t get overruled):

.pgc-calendar-wrapper .fc-event {
background-color: red !important;
}

I guess you use the Gutenberg block instead of the shortcode? In that case see https://blog.michielvaneerd.nl/wordpress-plugins/private-google-calendars/using-the-private-google-calendars-plugin/#unchecked-calendar-ids.

Hi, it took a long time, but this is now been implemented in version 20230111. Now the popup with event details is displayed when the associated event receives focus.

Hi I don’t think this is possible with CSS because the complete time text is in a SPAN element so I don’t know how you can style the parts separately.

But maybe someone else knows how to do this.

But I must say you did a good job styling the calendar, I didn’t even recognize it ??

At least it is resolved ??

I can see you get a 403 error code from admin-ajax.php that can be caused by one of the following reasons:

1. You have a plugin that does some caching and the caching has been set for too long.
2. You have a plugin that somehow requires to be a logged in user to make requests with admin-ajax.php.

Nothing has changed with the plugin in the last weeks, so my best guess is to disable plugins that you installed in the last weeks.