Event Calendar

This is an example of an event calendar page. All the colours are editable. Everything else just uses your theme styles. If you categorise your events you can colour code them to aid visibility.

You will also see images on the calendar and tooltips when you hover.

For more info about the Quick Event Manager plugin click here.

Event Key:Show AllBeerPartiesRoad TripsTraining

Select Month:


◄ Prev

July 2016

Next ►

















Fingerpicking Git...



















Event Key:Show AllBeerPartiesRoad TripsTraining

  1. Noa said:

    Hi Graham. I get a wierd formation error om my page when use the Calendar Widget
    (http://www.itlederen.dk) I looks realy nice, but when I change the month the formatting disapears.
    Can you help me?

    • Graham said:

      Hi Noa,

      It seems that the sidebar widget is losing your header styles. Can check the header is set on the calendar settings page. If you do this it should work.

    • Noa said:

      No luck – its the same at my calender page. http://www.itlederen.dk/event-kalender/
      I put it in using the shortcode

  2. Brian said:

    Hi Graham,
    Sorry, here’s another one. Any idea why the calendar view is not responsive to a smartphone in portrait mode? Works find in Smartphone landscape. I’m suspicious of the theme CSS getting in the way as opposed to your great code, but if you have a pointer I’ll investigate. I’m using cryout creations Tempera.
    Many many thanks,

    • Graham said:

      The calendar is designed to be responsive on al ldevices and in all orientations. I’ve just checked on my phone and it’s all working as it should so it may well be the theme. I’ll take a look later

    • Brian said:

      Many thanks Graham,
      Let me know if there’s anything you need.

    • Brian said:

      Hi Graham,
      I managed to find enough CSS tweaks to get it working and responsive in my theme. Don’t ya just hate it when that happens.
      It’s basically a “#content tr td” setting by the theme that was screwing it.
      I also had to reduce the xlightbox width to 80% when screen <=768.

      Just in case it's useful to anyone else …

    • Graham said:

      Thanks, the lightbox has been a pain ever since I introduced it. 99% of the time it works great but every now and then a theme of something with screw it all up.

  3. Brian said:

    Hi Graham,
    I love the simplicity of this plugin while being rich in the sort of functionality that website visitors want.
    I have a couple of issues that I hope you can help with.
    This example is on a WordPress Multi-site implementation.

    The QEM sidebar widget takes far too long to change months when using the Prev/Next buttons. (No difference between multi-site and single-site)

    When clicking on an event to see full details, I get “Warning: date() expects parameter 2 to be long” errors in the sidebar. I have tried re-saving, deleting and re-adding the events but get the same error. I’m almost positive I didn’t have this error before inserting the website into a Multi-site installation.

    • Graham said:

      No idea why it’s so slow. The latest update added code to make the prev/next actions faster so it might just be the widget causing problems. Does if work OK if you add the calendar to a page rather than use the widget. The date error is something I need to work on. You get this message if the date isn’t in the right format. There is a lot of complicated code working away in the background so it might be the way you have formatted the date. I need to see the event to find out what’s happening

    • Brian said:

      Hi Graham,
      It’s slow on both the calendar and the widget, but of the two, slower on the widget.
      How about an “I’m thinking” gif that at least tells the user that they’ve pressed the button and it’s working – something like calendar pages being flicked over.

      Anything I can do to help you find the date error?

    • Graham said:

      The calendar and the widget use exactly the same code, the only thing that changes is a bit of CSS. So there should be no reason for one to be any slower than the other. I will do some investigation though.

      I’ll see what I can do about the date error. The easiest solution is to check to see if a date exists and if not, just add today’s date.

  4. Stefan said:

    Hey Graham,
    first of all, great plugin! I will let you know (via donation and link-only test so far) if we go live. One thing I couldn’t get to work is:
    If a add an event lasting over several months (and set ‘Show event on all days’) the event is only shown on all days of the first month, but not on the second. Am I doing sth. wrong here?

    • Graham said:

      They should do, I didn’t put any filters in place to restrict things. I shall inverstigate and get back to you.

    • Graham said:

      Bug fixed and update sent

    • Stefan said:

      Thank you very much Graham! I received the bugfix version already yesterday and it works great. Perfect support – I appreciate it!

  5. Jennifer said:

    Wish List: Display the Event Image on Calendar

    • Graham said:

      Already in hand Jennifer. Along with a hover tooltip that displays the full event title.

    • Jennifer said:

      Excellent, Thanks Graham!

    • Graham said:

      That was an easy fix. I’ll send you an update to play with later today once I finished tweaking and testing.

  6. John said:

    I have the event calender as a widget on the left side. This part works fine. The problem is the colouring of the calender. It is following the theme basic colours. I use weaver extreme pro, which is very flexible but it does not give the options the calender needs without ultimately buggering all future widgets in the primary area.
    How can I switch it back to the colouring scheme set in the Calender Options?

    • Graham said:

      weaver…. 🙁
      I have so many problems getting the plugins to work with themes like this. The problem is they add the !important tag to many of their styles which messes up the plugin settings. The only solution is the manually code the styles into the CSS – and I can’t help you with this. If I were brutally honest I’d suggest a different theme. Weaver makes things overly complex for what is a really simple layout.

  7. Luc van Gerrevink said:

    Hi Graham,

    When I use the option to download a more-day event as a calender file, only the first day of that event is shown in the ics-file. Is that depending of a certain selection I made?

    • Graham said:

      Oops. That’s a bug. I’m sending you and update to test

  8. Luc van Gerrevink said:

    I noticed that for a more day event in the calender, the event is only shown on the first day of that event. Is it possible to show on every day of that event?

    • Graham said:

      Go to the calender options and check the ‘Multi-day Events’ box and you will see the event on all days.

    • Luc van Gerrevink said:

      Thanks Graham. that works excellent 🙂

  9. Kasha said:

    I changed settings in Event Manager and Saved changes but it does not take effect. Please advise.

    Thank you.

    • Graham said:

      Hi Kasha,
      Which settings did you change? I’ve just checked and all the changes I have made save OK.

  10. Mark said:

    I can’t seem to get the calendar to appear with the white space between the days.

    • Graham said:

      Hi Mark,
      The spacing is part of your theme styles. Line 176 has the style: table{border-collapse:collapse;border-spacing: 0px;} Change this to: table{border-spacing: 1px;} and you will have your spacing back.

    • Mark said:

      Thank you for the quick response.

  11. Pramod said:

    Thanks for giving guest registration plugin. I have some queries.

    1. What happen when 10-15 events is on a particular date, how calendar show this, from where we can control this ? (is it <>) ?
    2. Calendar not appearing on clicking start date and end date in guest event submission ?
    3. Any particular color setting to highlight today’s date on calendar ?

    Waiting for reply… thanks … pramod

    • Graham said:

      1. If you have 10-15 events on one day then 10-15 events will display on the calendar.
      2. The datepicker isn’t displaying because the script isn’t loading. I’ve sent you an update with a bug fix.
      3. To change the calendar colours go to the Settings > Event Manager > Calendar. You will see all the colour options.

    • Pramod said:

      Thanks a Lot Graham,
      my queries no 2,3 has been solved, date-picker working well
      sticking to query No. 1 , what i mean to say is what about vertical alignment of that date’s block / height … it look like too tall as compare to other date’s block which doesn’t have events…. ? can we control height. or shows only 3 event’s as. and when place cursor on that date, it will pop up other events..

      Thanks once again…. pramod

    • Graham said:

      Not sure there is much I can do about the vertical alignment but I will have a play and see if I can do something.

  12. Dante said:

    The color of my categories doesn’t apply to my events, what seems to be the problem? Is there anyway i could change it through css? what would be the code for that? Thanks in advance.

    • Graham said:

      Hi Dante,
      I need to see the website to find out why. When you set up the colours in the plugin settings are they saving correctly?

What do you think?

Checkout the awesome new OnePage Theme. Designed for tablets and phones but perfect on a desktop


Ouch! There was a server error.
Retry »

Sending message...

Ask a question

Spambot blocker question

7 - 2 =

Web Analytics Web Analytics