Spiffy Calendar

Support for this plugin has moved

225 Responses to “Spiffy Calendar”

  1. hi! just wanna say I’m using your calendar right now and it’s pretty awesome!

    Loads fast too!

    Just a question though is it possible on the image section to just give a direct url hotlink instead of uploading the picture? say for example the image is already uploaded in my website.

    • Bev says:

      That isn’t possible, you need to upload another copy of the image. This way the image is tied with the event entry and will be deleted when the entry is deleted.

  2. Dan says:


    While test driving Spiffy Calendar I noticed that the [spiffy-minical] shortcode displays the same time for start and stop when you hover over an event.


  3. Mike says:

    Nice plugin! I’m using IE9, and at the top of the calendar (where you can change the month and year then hit ‘go’) the 3 at the end of ‘2013’ is covered by the dropdown arrow. Any fixes? I’d like to see the entire year. Thank you.

    • Bev says:

      Hi Mike,

      Your font is larger so you need a wider year box. This is easy to fix by adding a line to your Spiffy Calendar CSS. On the Spiffy Calendar > Calendar Options page edit the “Configure the stylesheet for Calendar”. Find this entry:

      .calendar-date-switcher select {
      border:1px #D6DED5 solid;

      and add one line:

      width: 75px !important;

  4. Dan says:

    Hi again,

    How would I configure the hover window to display the event category? Also, in IE9 the day ( Monday, Tuesday, etc.) column headings wraparound. Thanks in advance for your help. Dan

    • Dan says:

      Ignore my previous request. :-)
      I’d like to be able to display the Event Category in [spiffy-calendar] directly rather than in the hover over popup. Hope that makes sense. Also, I’d still like to solve the headings wraparound in IE9. Thanks once again! Dan

      • Bev says:

        Hi Dan,

        The event should display in the category colour if you turn on “Enable event categories?” on the config settings page.

        For your headings issue, I am sure you can adjust the stylesheet (also found on the config settings page) to make it work. If you provide me with a link I could take a look at it.

  5. Dan says:

    Hi Bev,

    I have too many event categories to make color coding practical. At the moment I have 37 event categories and that number will grow some more. In a moment of clarity I realized displaying the event category in the hover window is not what I need. Sorry for troubling you with that. What I need instead is to be able to display the event category in [spiffy-todays-list] and [spiffy-upcoming-list]. I’m a newcomer to WordPress, PHP and CSS. I appreciate your patient guidance! Dan

    • Bev says:

      You have 2 options to help you:

      1. Use the cat_list option in your shortcode to list the categories separately
      2. Edit the ‘draw_event’ function in the source code. It currently uses the category_colour to style the event, but you could add code to display the category_name as well.

  6. Mike says:

    Dear Bev, Some events appear as one line on the calendar, but when hovered over they become two lines in the balloon/window, which would be fine except that the second line obscures the top half of the event time in the balloon/window, thus making it hard to read the event time. Is there a CSS fix for this as well? Thank you.

    • Bev says:

      Hi Mike, Two small changes to the CSS should do the trick.

      Update “.calnk a:hover div div.event-title ” by adding postion:relative;
      Update “.calnk a:hover div div.event-title-break” by modifying “margin-top:5px;” to “margin-top:-.5em;”



      • Mike says:

        Did the first, didn’t do the second (after experimenting) and took font size from 1.2 to 1.0 in .calnk a:hover div div.event-title, and that fixed it. Thank you again!

  7. Ryan says:

    hey, how do i make it so that clicking on the event will open the event page in a seperate window. at the moment it is redirecting people away from my web page if i put a different page link in there

  8. Susie says:

    Hi There! I was wondering if it is possible to not show the icon picture on the actual calendar but allow it to show up inside the pop-up? I’d appreciate any insight! Thanks!

    • Bev says:

      You can hide the icon using CSS, something like this:

      .calendar-table .calnk-icon {
      display: none;

  9. Dorothy says:

    I just downloaded the calendar for the first time. I really like the look and functionality of it…
    However, there are a couple things I would like to change.
    Is there any way to have a “normal” calendar layout (meaning the week starts with Sunday)?
    Also, is there a way to schedule a bi-weekly recurring event (such as every other Wednesday)?

    • Bev says:

      Hi Dorothy,
      The calendar day layout is determined by your WordPress installation Settings > General > “Week starts on”

      There is no way to schedule every other week, only weekly or a specific week of the month (such as the 3rd Wednesday of the month).

  10. Pat McGraw says:

    Is it possible to have different multiple calendars (i.e., events/programs on one page, facility rental schedule on another page)?

  11. Pat McGraw says:

    I think I figured it out by doing the shortcodes like this:

    [spiffy-calendar, cat_list='1']

    [spiffy-calendar, cat_list='2']

    where cat_list=’1′ would be Programs and cat_list=’2′ would be Rentals.

  12. Sherie says:

    Hi Bev,

    I really love the Spiffy Calendar. I do have a question. When I create a link and assign it a color code, say #ffff66, it produces the word “event” in the date box in that color. However, when you hover over the event, the text is a darker version of yellow. How can I make the date box highlighted and the event text black? Thanks so much!

  13. Sherie says:

    Well, duh! I just figured it out! I apologize for the bother! Love the Spiffy-Calendar!

  14. Ron Veerman says:


    Installed the calendar and it seems that I cannot add events to the database. The problem is that field event_image is a BigInt type and your query is trying to add an emtpy string (”) instead of NULL to the filed.

    I wonder why this isnt a problem on other websites. Is there something I can chamhe in MySQL setup to let it convert emty strings to a Null value?

    Best regards,
    Ron Veerman

    WordPress database error: [Incorrect integer value: ” for column ‘event_image’ at row 1]
    UPDATE `wp_spiffy_calendar` SET `event_title` = ‘Test’, `event_desc` = ‘Test event’, `event_begin` = ‘2013-02-01′, `event_end` = ‘2013-02-02′, `event_time` = ’00:00:00′, `event_end_time` = ’00:00:00′, `event_recur` = ‘S’, `event_repeats` = ‘0’, `event_image` = ”, `event_author` = ‘1’, `event_category` = ‘2’, `event_link` = ” WHERE `event_id` = ‘1’

    • Bev says:

      It sounds like your database has strict mode which enforces data types. This is the first I have heard of this issue with the plugin. I wonder how common it is use to strict mode.

      • Rbruce says:

        I was having the same issue with the event_image.

        I went into your code and changed it to default to ‘0’ instead of ”.

        Not sure if this will cause any issue, but so far it is working.

  15. Jennifer Knott says:

    Hello. I’m new to Spiffy Calendar and like it so far. Simple to use. However, I’m finding some customization missing. How can I create an event to repeat every two weeks, and not monthly? How can i create an event by non-military clock settings? Other things seem missing…. maybe that’s the beauty of something simple?

    • Bev says:

      The time display is formatted according to your setting on the WordPress Settings > General page for the date/time format.

      There is no way to schedule events every two weeks. You can schedule weekly, monthly, yearly, or on a specific day of the month (like the 3rd Friday of each month).

  16. tjay says:

    i have version 1.1.0 but when I click on the event it will not open. clicking the event just refreshes to the top of the screen, Is there a code to use to fix this?

  17. George says:

    I use a widget called Display Widgets which allows me to control what pages will show any given widget. It adds a menu to the bottom of each widget to accomplish this. I wanted to use your upcoming events widget on 1 page only, but the Display Widgets did not show up in yours.

    The author’s explanation: “Why aren’t the options showing up on my widget? This is a known limitation. Widgets written in the pre-2.8 format don’t work the same way, and don’t have the hooks. Sorry.”

    Since your plugin is so new I highly doubt that is the correct answer. Any ideas?

    I love your implementation because of the basic simplicity & intuitive ease of use. I’ve tried several other but they were much more complex & harder to use. I’d love to use your in my new website if we can resolve the issue with the other plugin.

    • Bev says:

      This plugin is based on an older plugin and does use the original widget handlers. I will add updating to the new method to my to-do list.

      • George says:

        I appreciate your prompt reply. And I apologize for the double post but this morning your server was balking & I got a message saying it did not go through so when I checked later I sent it again.

        Any time frame for an update? I guess the answer depends on how big your to do list is.

        Again, many thanks

  18. Ryan says:

    Is there a possibility of having one image in the calendar, and another in the hover over?

  19. George says:

    What am I missing? How do I create an event?

  20. JC says:


    Love your calendar. Just what I was looking for. The only problem I am having is when you click on an event in the mini calendar it goes to the top of the page. This happens whether I have a link or not (the link works fine in the large calendar). Is there a way to have the mini calendar go to the big calendar page? Or even open up to event page if there is one. Right now it displays a # sign.



    • Bev says:

      Currently the minical is not designed to provide links. I will keep that in mind as a future enhancement.

  21. kakal says:

    Hello and sorry for my english

    A francaise version exists ?

    Thank you

  22. Buzz says:

    great plugin!
    I have using the upcoming events widget, and need to remove the bullet points, do you have some CSS for it?

  23. rengeko says:

    I am new to your plugin, and was wondering if you could give me some information about how to change the label on my page for the calendar? I am using the minicalendar and would like to change the label above it.

    • Bev says:

      The minical widget contains a title field that you can edit to whatever you like. If you leave it blank “Calendar” is used as the title.

  24. ariel says:

    Hey there, I’m struggling to figure out how to have the same calendar on two different sidebars on two different pages. Once I drag the minical widget into one sidebar, it disappears from the list of available to widgets so I can’t drag it into the second sidebar. Is this something that is possible to do? Thank you.

    • Bev says:

      Yes – the widgets are old-code WordPress and only support one copy. I will be upgrading the code, hopefully for the next release. Until then, I’m afraid you are limited to one copy of each widget.

  25. Dan says:

    I’m installed and enabled Version 1.1.4 of the calendar on my version 3.5.1 WordPress site. When I add the mini-calendar to my sidebar it displays the title CALENDAR and I’m not able to save a new title, or limit display to Category IDs with the wigit editor. When I save, the values are removed and the form is empty.

    I’d like to modify the layout, to reduce white space but I don’t understand how to do that using css, or if that’s possible.

    Am I missing a configuration setting?


    • Bev says:

      Looks like you found a bug! I will update shortly.

      There is no configuration setting for whitespace, but you can edit the CSS. I would need more detail in order to guide you.

      *** Please check out version 1.1.5 for a fix ***

  26. Dan says:

    Hi Bev,

    Here’s a link to the homepage, where the calendar is in the left sidebar, under the login form.

    I’ve looked at it in Firefox v19, IE v9 and Chrome v25.0.1364.172 m. In all three I’d like to have the title [Shows & Events] lower, just above the table… maybe a few pixels space between them. Or an ability to collapse entirely the space reserved for the title, that is display no title and move the table up into that space.

    I hope that makes sense and thank you very much for the wonderful support and customer service!


    • Bev says:

      This should do it:

      .Spiffy_Calendar_widget_events_calendar { margin-top: -20px; }
      .Spiffy_Calendar_widget_events_calendar h3.widget-title { display:none; }

  27. Dan says:

    Thank You! and again, awesome support.


  28. Dan says:

    Hi Bev,

    The hide code worked, however the margin setting

    .Spiffy_Calendar_widget_events_calendar {
    margin-top: -20px;

    didn’t cause the white space to collapse. This is the current value on the site.


  29. Dan says:

    Hi Bev,

    I have a better understanding of what happened. The entire widget has moved up, to sit more closely to the login widget (which is good, thank you), but the space between the line the title is on and Calendar table is still to large.

    What I’m looking for is the table to display on a new line, after the title.


  30. Dan says:

    Hi Bev,

    Further review shows there is a line break between the title and the table when the page is displayed:

    Shows & Events

    removing the , removes the gap. Can this be addressed via css?


  31. Dan says:

    Shows & Events

  32. Dan says:

    h3 class=”widget-title”>Shows & Events</h3
    div style="width:200px;"

    sorry, the html is getting filtered…

  33. Dan says:

    Hi Bev,

    I found it!

    /* .Spiffy_Calendar_widget_events_calendar br {
    } */

    Thanks for your help and pointing me in the right direction.


  34. nilesh vibhute says:

    i want to add pdf file on specific date on specific month so how to give the link of that date please give me replay

    • Bev says:

      You can upload a pdf to your media library, then use the file link as the Event Link when you add a new event.

  35. Mariah says:

    Good Evening,
    I love this plugin! Thank you for sharing your talents!

    Is there a way to limit the display of upcoming events to x events instead of x days? For example, I’d like to display no more than 10 events. Some months, this will be one day but sometimes, this might be 14 days or more.

    On the front page of our website, the spiffy-calendar is on the footer. If too many upcoming events are displayed, the page becomes very long. Perhaps if limiting display to x events instead of x days isn’t possible, perhaps the shortcode in an iframe with a scroll setting might work?

    Please advise. and Thank you again!

    • Bev says:

      There is no way to limit the events by count at this time. It is something I would consider as a future option. In the meantime you can use an iframe as you suggested or just set a max-height and overflow:scroll on the widget.

  36. Maureen says:

    I have installed the calendar successfully, but the small arrows on each side of the month do not advance the calendar when clicked on. They only reload the page. Is there a way from the front page where the calendar is installed to successfully have the arrows scroll through various months? Thank you in advance.

    • Bev says:

      Hi Maureen,

      The links on your page look correct. It appears as if something is removing the “month” and “day” parameters from the target URL. So I would conclude there is a conflict with your theme or some plugin that is stripping the query string parameters.

  37. Pamela says:

    Love the plugin its the most customizable one I have found yet!

    One question I don’t know if you have a way of changing this but your css connects both the date number and the content – I’m hoping to have the date number left aligned and the content centered.


    I was able to change the icon to be centered but not the content. Any suggestions?

  38. Cia says:

    Love the plugin. Thanks for making it available. One question: I’m using the Upcoming Events widget in the sidebar. When I add a description, it gets covered up by the event title when one hovers over it. Can you point me to the css to change to make those font types smaller to avoid this? Thanks.

    • Bev says:

      There are several ways to correct this. One would be to decrease the font-size in the pop-up, something like this:

      .calnk a:hover div { font-size: .8em; }

  39. Lucille says:

    Love the plugin! I spent a lot of time trying and searching for a calendar plugin for the site I am working on and yours fits my need perfectly… However I seem to be having a problem w the event category colors. As I understand it, the events will be listed in the color according to the color of the category the event is assigned to. I was able to associate the colors to categories but on the calendar, all events are listed in one color. Any idea what would cause that? Hope you can give me some insight on this. Thanks!

    • Bev says:

      Hi Lucille,

      Your theme has a statement that sets link colours with:

      body a { color: #333333 !important; }

      This is overriding the setting from the calendar plugin. If you can remove the !important, then that will fix all of the calendar colouring problems.

  40. Lucille says:

    Hi Bev-

    Thanks for the response. I tried what you suggested but the events are still showing all black. I just want to make sure I am describing the problems correctly. It is the main calendar on a page that doesn’t list the event in the category color.

    Also, 1) how can I decrease the font size for the events listed and increase font size for date in the Upcoming Event widget I used for the Home page and 2) reduce vertical white space between the different events listed under the same date in the Upcoming Events widget area on homepage?

    Thanks so much for your help!

    • Bev says:

      I see no change in your CSS. You need to find the line:

      body a { color: #333333 !important; }

      And change it to:

      body a { color: #333333; }

      This will fix the calendar, but might possibly break other things in your theme.

      You can target CSS changes to the upcoming events widget by use #spiffy_upcoming_events_calendar, for example


      I suggest using the Google Chrome “Inspect Element” tool to adjust the CSS to your liking, then update your stylesheet with your findings.

      • Lucille says:

        Hi Bev-

        Thanks for the suggestion. The Avada theme I am using has a custom CSS box where you can put in CSS to override CSS of the theme. I put in
        body a { color: #333333; } so it should override the one with !important. However, events in the calendar in Upcoming Event page (under About Us) is still not showing the category color. Am I doing this correctly or is there some place else I should change the CSS?

        I also have a question on the Pop Up box when you hover over an event in the Upcoming Event list. Is there a way to make the box bigger and font larger?

        Thanks so much for your help in advance.


        • Bev says:

          The style with !important is still in your CSS so it will override anything else you define. Only now the CSS is “color: #1647a1 !important;”.

          You can adjust the pop up hover box by adding styles to “.calnk a:hover div”

          • Lucille says:

            You are right Bev. I specified #1647a1 to be the link color for all the links. I am pretty new to this so I am not sure how to override the !important used for the link color. Any suggestions? Thanks.

            • Lucille says:

              On the pop-up box of Upcoming Events, when I added the following:
              .calnk a:hover div {
              font-size: 1.1 em;
              The font size is what I want but if the title spans two line then the first line of the description gets covered up by the second line of the title. Is there a way to adjust this without making the description font size smaller?

              Thanks for your help!

              • Lucille says:

                Ok. I found the answer to my second question by looking through previous postings. I changed the font size of the title in
                .calnk a:hover div div.event-title and it is working great now.

                On the category colors issue, it is interesting that the appropriate color does show up in the pop up window when hovered over an event in the Upcoming Event list. It just doesn’t show the category on the main calendar or the mini calendar (when hovered over an event).

              • Bev says:

                The text in the popup window is plain text and not links, so your theme’s styling of link colour with !important does not apply.

  41. Mike says:

    My events aren’t showing in the mini-calendar.
    Thanks in advance

    • Bev says:

      Is is possible that you entered a category filter in the widget? That’s the only reason I can think of for missing events in the mini calendar.

  42. Shingy says:

    hi, I’m trying to remove the dotted lines under the upcoming event. How do I go about doing that?


    • Bev says:

      The gray dotted lines are borders attached to “.calnk a”. You can remove those by adding this to your CSS:

      .sidebar .calnk a { border: none; }

      You also have yellow dotted lines added by your CSS (.comm_line_blog, .blog_next a, .blog_prev a, .sidebar ul li, .bgs ul li { border-bottom: 1px #E8A900 dotted;}) If you want those gone you need to adjust your CSS appropriately.

  43. Lucille says:

    Thanks Bev… that makes sense. At this point I don’t know how to override/remove the !important for the theme’s styling of link color.
    I am manually putting in color squares as images to indicate the category colors for events so they will show in the main calendar and the mini-calendar. It is too bad that I will not be able to put in real images for the events but it is at least a workaround for now. If you have any further suggestions on how to remove the !important, please let me know.

    Thanks for all your help… Your plugin is great!

  44. When I try to insert a jpeg into my event the dialog box that opens for me to select the file is the Windows Explorer file selector not my WP media files. What am I doing wrong?

    Great Plugin by the way.

    • Bev says:

      Adding an event image from the media library is not currently supported. You must upload an image to attach to the event when the event is edited.

  45. Kathy Voth says:

    I am running the latest version of Spiffy Calendar and just found out that the events that I added today are not showing up for Firefox users. Events that I added some time ago do show up though. Any thoughts about what might be going on?

    It works great with Safari. And I love the plug-in. It’s the best I’ve found to do what we need done.

    • Kathy Voth says:

      I also just found out the at the same problem exists in Chrome. Hmm….. Unfortunately I’m not savvy enough to even know where to start. Your thoughts are very appreciated!

      • Bev says:

        Is it possible you have assigned different categories to the old vs new events? A category filter is the only reason I can suggest why an event wouldn’t appear, unless of course you have entered the wrong dates on the new events.

        • Kathy Voth says:

          I don’t think that’s the problem as the newly added events appear just fine on safari. They just don’t show up for users of Firefox or Chrome. You can see the calendar here: http://onpasture.com/events

          • Bev says:

            Which events are you missing in Chrome? I am looking at the calendar in Chrome and Safari and they look the same to me. May be some kind of caching issue? I know with caching plugins you can usually specify a page to exclude from caching, this might help here.

            • Kathy Voth says:

              Hmm….I’ve looked at both Firefox and Chrome, comparing July, August and September with Safari and they look much different on my computer, and apparently on the computer of the woman who originally brought it to my attention. For example, July 2013 in Safari I see 4 events, but in Chrome I see none. But if I log in to my site on Chrome, then I do see the same events on both.

              I’ve tried clearing caches in both browsers with no change. You mentioned that there was a way to make certain pages not cache. If you think that will fix it, can you tell me what I should do? Thanks!

              • Bev says:

                When I view your event page on Chrome, Safari and Firefox I see the same thing. It defaults to June (is your system date set correctly?), then when I move to July there are no events, 2 in August, and none in Sept.

                If you see different results after you log in this is likely due to your caching plugin. It likely shows you an uncached version of the page while you are logged in. You need to contact the cache plugin instructions or settings to determine how to exclude certain pages.

  46. Cecilia Wong says:


    Love, love your calendar!!
    Just one question; how would I go about removing the yellow colour that turns up in the mini calendar widget? I’m hoping to have the background all transparent (white) even though there is an event added to the day…

    Thank you for great plug-in!

  47. Hi Bev

    I’v just downloaded this app, mini calendar has been inserted but existing events have dissappeared, is this because I deactivated the previous app?

    I have set up the widgets for your app but cannot see any event lists above my posts for either coming up or today. Is there something I haven’t done?

    Many thanks

    ps captcha playing up?
    ERROR: Unreadable CAPTCHA token file

    • Bev says:

      Hi SBUK

      If you are switching from a different calendar app then the events will not be compatible. However, if you deactivate my plugin the events should not disappear, but if you delete the plugin I do delete events to clean up the DB.

      The widgets will appear only when there are events to display. You can set up the number of days to look ahead for upcoming events on the Calendar Options page.

      The captcha seems to be working today, my hosting was acting up yesterday.

  48. Kevin says:

    Hi. This is a great plugin. I do have a couple of questions:
    1. Is it possible for a visitor to my website to download the calendar and use it in outlook or ical?
    2. I turned on the month/year drop downs, but they don’t appear on the same line like in your demo. They are stacked on top of each other and look funny. Can this be fixd?

    • Bev says:

      Hi Kevin,

      There is no download built-in to the calendar.

      Your website is inserting extra paragraph tags and breaks, this is messing up your header alignment. You can fix it with CSS to remove the effects of these, something like:

      .calendar-date-switcher p { display: inline; }
      .calendar-date-switcher br { display: none; }

  49. Gino says:

    This is a great calendar. Thank you for making it available.
    Is there a way to duplicate an event (date, times, images, links and all) and paste it onto another day in the same month or future month? Tried to left click and drag too, but to no avail.
    If no way, any chance of having this feature in near future?

    • Bev says:

      Hi Gino, You can create a repeating event to have it recur in the future, but you cannot duplicate the data to create a new event. I will keep this in mind for a future release, but it won’t be the near future.

      • Gino says:

        Hi Bev, how can I change the color of the text (day numbers, month and side arrows)within the boxes? This is for the text of week days, weekend and event dates too.

        • Bev says:

          You need to examine the CSS for the items you wish to colour. Google chrome has a nice inspect element tool that allows you to view and edit CSS on the fly to get the desired result. For instance, the prev and next arrows are styled under class calendar-prev and calendar-next.

  50. andreas says:

    Hi Bev,

    your calender worked really fine, but after some updates from the last weeks, the design of the minical got lost on our frontpage.

    I guess somehow the CSS got overrun. Any idea how to fix this?

    best regards

    • Bev says:

      If you customized your CSS it would have been saved in spiffycal.css under the spiffy-calendar directory. If you delete the plugin this file is deleted, but if you update it is preserved. If you did not do any customization you can reset the CSS on the Calendar Options page by ticking “Tick this box if you wish to reset the Calendar style to default” and pressing “Save”. Hope this helps.

  51. Donna says:

    I love your plug-in. I can see that you have put a great deal of effort into it. Thank you for a job well done.

    I was wondering. do you think it possible to add a LOCATION field to an event. If so, can you point to the areas of code I would need to address to do this.

    Thanks again.

    • Bev says:

      Hi Donna, The simplest idea would be to use the description for an event location. It would be somewhat advanced to add a location field to an event. If you are up to it I would suggest mirroring the code used to edit and display the event title.

      • Donna says:

        Hi Bev,

        Although somewhat new to wordpress and PHP, I feel I am up to it…Can you explain to me ALL the parts of the code where I could ‘mirror’ say the time (want to list the location just before the time in the popup). Also, the popup in the calendar and the popup in the sidebar widgets do not seem to be using the same css or code, because in the ladder the text is spread out. I found the ‘.calnk a:hover div {‘ in the css, but for the life of me I cannot determine how the popup text is justifying in one and not the other. http://strategiesinmotion.net/community/work-shops/?month=sept&yr=2013 and http://strategiesinmotion.net/ (middle-right of page)

        Again, thank you for your assistance.

        • Donna says:

          Bev, please disregard the first half of my post. I will use the description for the location.

          The popup in the calendar and the popup in the sidebar widgets do not seem to be using the same css or code, because in the ladder the text is spread out. I found the ‘.calnk a:hover div {‘ in the css, but for the life of me I cannot determine how the popup text is justifying in one and not the other.

          • Bev says:

            Your popup has text-align set to justify. Adding text-align:left; to your CSS should fix it.

  52. Donna says:

    Each event on my calendar will be a link to a POST that contains the details of the event. Currently, I will have to keep the Date, time and location of each event in two places: 1). The Post. and 2). The Spiffy Event Manager. Have you any ideas as to how I may change this so that the POST can adopt what is set in the Event Manager?

    • Bev says:

      The event details are stored in a DB table. You could query the table to fill in the details into custom post meta.

  53. Sam says:

    Hi Bev, thanks so much for this!
    Just wondering whether it was possible to say create an event to occur on the 1st Sunday of each month? Which option do I select for this?

    • Bev says:

      Hi Sam, You can do this by entering a date for the first occurrence as the 1st Sunday in a month, then choose “Monthly (day)” for the event recurrence.

  54. Donna says:

    Hi Bev, First I would like to thank you for being so responsive. Know that I would not make this request before exhausting everything I have to figure this out for myself.

    I am using the ‘Today’ and ‘Upcoming’ widgets on the home page (StrategiesinMotion.net). We would never have more than one event in a day. I would like to get rid of the line that displays after the event title in each of the two widgets. Where is the code for this? (I was able to make changes to the popup for this…)

    Thank you for your prompt response…

    • Bev says:

      Hi Donna, The shadow border is added by your theme’s styling for “#right-sidebar .widget ul” and “#right-sidebar .widget ul li”. You will need to add rules to prevent the borders on nested lists. Something like “#right-sidebar .widget ul ul { border:none;}” and “#right-sidebar .widget ul ul li {border:none;}”. Note these will remove the border for ALL nested lists, not just the Spiffy Calendar lists.

  55. Thank you for the plugin. I like it but am having an issue, it’s stuck on the month of August, clicking the “next” button does not change it to September. http://onepointconnection.com/calendar/
    Any assistance would be appreciated.

    • Bev says:

      It looks like another plugin or your theme is interfering with the page URLs. When you change months you should see “?month=sept&yr=2013″ appended to the URL.

  56. Lisa West says:

    Your calendar plugin is so easy to use and looks great. I have set up the different category colors and assigned the categories to different events but they are all showing in the same color. I have used the Firefox inspector to see if there is some CSS overriding all link colors but there isn’t. I have looked through my custom CSS and the calendar CSS and am not finding anything forcing the link colors. Would you mind taking a look and seeing if you find anything?


    Go to December 2013 and the Christmas Party should be in Blue and the Fun Run should be Green.

    Thank you for your help!

  57. Jennifer says:

    Might I suggest being able to get a shortcode that includes category=”category name” instead of trying to figure out cat_list=”1″ or whatever? It would make a lot more sense.

    My colors do not work. I’ve specified colors for the tags and have enabled the colors and nothing works.

    • Bev says:

      You must enable categories on the Calendar Config settings page. Then you will see the category key on the bottom of the calendar, and the colours will be applied to the events.

  58. Lee says:

    Hi Bev,

    I spent ages yesterday looking for an event system that was really simple to use and easily customisable to change the output, and your system basically rocks!

    I’ve seen the comment you made back in March about an update allowing more than one use of the widget, and this is exactly what I am looking for (I need to break up the output of categories into separate sections or sidebars).

    Have you any idea of a timescale as to when this feature will be available?

    Many thanks


    • Bev says:

      Glad you like the plugin. I did some initial work on converting the widgets, and found out that, unfortunately, it is a large chunk of work to make this change. So it got moved onto the back burner. I don’t have a timeline on when I might get it done at this time. :(

  59. Tammy says:

    We seem to have a problem in IE – the pictures push the whole calendar off the page. Is there any way of fixing this please?

  60. Bill says:

    Is it possible to have the mouse-over box on the mini calendar formatted like the mouse-over box on the regular calendar (and the upcoming events list). Thank yoiu.

    • Bev says:

      Hi Bill, You would have to edit the script to achieve that. It might be easier to use CSS to shrink the big version of the calendar down to a smaller size, then you would get the bigger mouse-over boxes.

  61. Bill says:

    I am having trouble with the hover boxes and content on the event list on my site. I think that the spiffy css is being overridden by the theme, but I am not sure, and not sure how to overcome the problem.

    Any suggestions? Thank you for your help.

    • Bev says:

      I suggest adjusting the “width: 150px;” that you have applied to “.calnk a:hover div”. Make it large enough to fit your titles.

      • Bill says:

        Well, I have a problem editing the css file. I cannot edit the css inside wordpress (says “inactive”). So I edit the file outside of wordpress, deactivate the spiffy plugin, ftp the updated css file and reactivate the plugin. No changes show in the css file shown in the wordpress editor.

        Am I doing something wrong? Never had this happen before.

  62. Colin Paice says:

    Is it possible to have the description displayed in the pop up on the mini view?

  63. Cazgillo says:

    When I hover on the event on a specific date there is a strike-thru line over my text. I assume this is a border. Can you tell me where specifically I need to edit the CSS file to change this setting?

  64. Melissa says:

    Hi there,
    I love you calendar, it’s working great for my classes, except when I try to use the drop down menu it just refreshes and doesn’t go to the next month????

    • Bev says:

      I have seen something like this before but I don’t know what the resolution was. The problem is a conflict with your theme or a plugin. When you choose a month, it should be included in the page address, but something is removing the month information before the page loads.

  65. Bill says:

    2 questions on the calendar widget.
    1) events for the current day do not show up on the widget
    2) if there are no events in the current time frame (show x days) nothing shows up in the widget area, not even the widget title. Is there a way to show “No Events” or something like that under the title, instead of showing nothing?

    Thank you.

    • Bill says:

      Ok. Found the answer to #1- use current day event widget to show today’s events.

      #2-can the spiffy_calendar.php be altered to show a “No events” if there are no events today or in the selected number of days, rather than showing nothing?

      • Bev says:

        To show a message if there are no events requires editing the script. You could add something like this before line 1702 and line 1745:

        if ($the_events == '') $the_events = "No events";

  66. Nancy says:

    Silly question – how do I get the events to be listed in chronological order for each day?????


  67. Nancy says:

    I think I was using the wrong format for time…..

  68. George says:

    I apologize if I seem obtuse (its 4AM), but I don’t see how to create an event that recurs the 4th Sunday of every month. Could you explain what to enter in the Add Event form?

  69. George says:

    Never mind, I just figured it out. I guess I need sleep!

  70. Bill says:

    For the event list widget, I would like to not have any icon in front of the date, and change the icon before the event to a fontawesome icon (fontawesome enabled theme).

    The default is a circle in front of both.

    Can you help with how and where to change the css?

    Thank you.

    • Bev says:

      Any bullets you see are coming from your theme styles. You can remove them by targeting the spiffy calendar widget, something like this:

      .Spiffy_Calendar_widget_calendar_today ul { list-style-type: none; }

      To add an icon the usual procedure is to use “:before” to insert the icon to the desired element, again targeting the widget:

      .Spiffy_Calendar_widget_calendar_today ul li:before { content: "\f10d"; font-family: FontAwesome; }

      Note that I haven’t tried these, but this is the gist of what you need to do.

  71. Bill says:

    Thanks. Didn’t work quite the way I was hoping, but I will mess around with it.

  72. Karen says:

    I installed the Spiffy calendar plugin w/out any problems, but when I try to save an event I get the following message:

    Error: The event could not be added to the database. This may indicate a problem with your database or the way in which it is configured.

    Is there a fix?

  73. Terry says:

    Having trouble with the calendar using the theme Magazine Premium, also using 3.7 wordpress. It puts my Sundays out sequence. The numbers for Sunday seems to be a line above
    the rest instead of being equally across. It only seems not to work on this Theme. But unfortunatly it happens to be the one I am using.

    • Bev says:

      Hi Terry, There is probably a CSS solution. I am unable to view your website so I can’t help out. It is asking for a log in to view the calendar page.

  74. Matt says:

    There should be an easy answer to this, but I’m a bit new to coding… I’m trying to open each event in a lightbox window. The link is working perfectly and I have it set to open in the same page which should be right. I only need to add a couple of classes to the link and it should work. I’ve been trying to add them with Javascript, but have been unsuccessful. I’ll want all of the links to do the same thing so if there was a place to add it to the plugin code itself that would be fine, but where would I put it?

    • Bev says:

      I would think adding the classes to the “popup” would be what you need. Just search the code for references to class=”popup” and add your classes there.

      • Matt says:

        Found it! Working like a champ now. Both the link on the calendar and the popup are now opening in lightbox. I would like to disable the popup, but I don’t see an option for that in the settings. Is that something I could comment out in the php file?

      • mon says:

        I would like to show multiple title in same hover,how can i show that.

  75. paul perkins says:

    Hi question i am useing your calendar and it great question is there anyway to disable sat and sun on the calendar.
    on my widget the sat and sunday is past the width of the page for an example check out the link belowe

    • Bev says:

      There is no way to remove those days, but you could try to use CSS to make the calendar smaller. I don’t see the calendar on your page so I can’t make any CSS suggestions.

  76. Bill says:

    I would like to decrease the space between the date and the event on the upcoming event widget.

    Can you help with the css necessary for this? Thank you.

  77. Bob says:

    Hi sorry to ask just before Xmas lol
    Can you tell me what i need to alter to enable separate lines to appear in the hover.

    • Bev says:

      You can add position:relative; to “.calnk a:hover div div.event-title”. I think this will fix the hover on your main calendar.

  78. mon says:

    I am stuck with calendar problem need a help, the problem is that i want to show two or more popup event one by one on same popup when i hover on date. Plugin only shows two or more title but i want two or more events on popup in same with one title.

    • Bev says:

      I’m not sure if I’m understanding you correctly. On the large calendar each event has its own popup. On the mini calendar, only the titles are listed in the popup all together.

  79. Greg says:

    Thanks for the great plug in. I’m trying to modify the default calendar colors to better match the rest of my theme colors. I see all the color code @ spiffy-calendar/styles/default.css but beside that it says inactive. I’ve read through the read me and tried deactivating the entire plug in for editing but I can’t seem to get my color changes to take. Are the colors able to be edited? Am I on the right track that I need to somehow activate the styles/default.css to make changes to the calendar header and border colors? Thanks for the help.

  80. James says:

    Is there a way for when I have a filtered calendar with only a few categories showing to only have the relevant categories showing in the Key below the calendar as opposed to all categories ?


    • Bev says:

      At this time there isn’t, but I agree that makes more sense. I will add it to my list of things to do!

  81. Lynn says:

    Hi, I want to have two mini calendar widgets. One for the standard sidebar. But on the front page It will be on a bottom widget area.
    I am having problems figuring out how to make a second widget to put in the second area.

    • Bev says:

      Spiffy calendar uses the old, old widget code, and hence only supports one occurrence of each widget unfortunately. It is on my to-do list to upgrade the widgets, but this feature will not be available in the near future.

  82. Kelly says:

    Quick question: I am using Today’s Events and Upcoming Events in the widgets on our homepage, when I hover over the event, the 1st line of the details are cut in half. I have used a work-around in the descriptions area by just adding a period and then hitting return before inputting the description but, that is not a viable work-around for the when it cuts off the time. Also, when hovering over the event in the widget, the balloon/window is see-through and lays over the remaining upcoming events, which is difficult to read because you can see the other events underneath it. Any solutions to these small issues?

  83. Luca says:

    Hi, tanks for the great work! I’ve tried many events calendar but your it seems to me very simple and complete.
    I’ve a problem with the width of minical widget, it is too large for my right sidebar. How can I make it smaller? I’m not a programmer, so I need to know exactly which file to modify and wath to write.

    Thank you very much!

    • Bev says:

      Hi Luca,

      You can adjust the size of the calendar by adding custom CSS on the Spiffy Calendar options page. Try adjusting the width of .calendar-table to something smaller.

      • Luca says:

        Thank you for the reply. Can you specify Which file I have to editing? In the package there are two file css. which file should I change? Or is a php file?
        Excuse me for my incompetence…


        • Bev says:

          Please visit the Spiffy Calendar > Calendar Options page in your WordPress dashboard. There you will find a box containing the CSS. This is where you should make your customizations so they are saved during an upgrade.

  84. Becca says:

    Is it possible to make the calendar wider in the widget area? And if so, how would I change the CSS for this?

    • Bev says:

      Hi Becca, You can change the CSS on the Spiffy Calendar > Calendar Options page in your WordPress dashboard.

      Something like this should do it, substitute your widget area width in place of 300px.

      .widget .calendar-table { width:300px !important; }

  85. Paul says:

    Is it possible to make the pop up open the the left side of the date where info is placed instead of to the right, it gets cut off. I did change the size of the pop up to let U know. Am liking the calendar very much thanks, just want to tweak it to what I need.

    • Bev says:

      You could apply a negative margin to the popup box to shift it left. Something like this:

      .calnk a:hover div { margin-left: 150px; }

  86. Richard says:

    Hello, Is it possible to have the calender just show the current event? I’m using the shortcode for todays list but it it currently showing the first event of the day as opposed to the current one.

  87. Luca says:

    Hi Bev, another little problem. When there are upcoming events on widget calendar the color of the date under them is too large; you can see an image here:


    Another question. I’m traslating spiffy in italian, starting with spiffy-calendar-es_ES.pot with poedit; but where I can put it for having spiffy in italian?
    Thank You!

    • Bev says:

      Hi Luca,

      It would help if I could visit the page showing the widget calendar since I can’t think of a reason for this to happen. Something in your CSS must be causing this.

      Your translation file should be placed in the languages folder under spiffy-calendar.

      • Luca says:

        Hi Bev, I can put the widget calendar online only for few day, because it is istitutional site of my school and I cannot publish it for many day (in english).
        The translation file should have a particular name?



        • Bev says:

          The extra space is there because your theme has this style:

          #rightsidebar ul li a {
          margin-left: -20px;
          padding-left: 20px;

          You need to remove that by adding this to your CSS:

          .calnk a {
          margin-left: 0 !important;
          padding-left: 0 !important;

          Translation files should be named spiffy-calendar-xx_XX.mo and spiffy-calendar-xx_XX.pot, where xx_XX is the appropriate language code.

  88. J. Brongers says:

    I made a Dutch (nl_NL) localization you can include in your plugin, if you want ofcourse, use it however you want! Happy to contribute to this project.

    Here’s a download link:

  89. Greg says:

    The Category Key shows up fine on IE and Firefox on a PC but it isn’t showing under the calendar in Safari on a Mac. I haven’t seen a quick fix or this discussed on your page yet. Thanks.

    • Bev says:

      I suspect your CSS giving the “top: 1251px;” to the category key table is the problem ;)

      • Greg says:

        I’m not sure I follow you. Just for grins I tried adding 1251 to the CSS and that obviously just drew the page out real far. Are you saying there is a line I should delete? Sorry to be so dense, code stuff isn’t my strong suit.

        • Bev says:

          Somewhere in your CSS you have this code:

          DIV TABLE TBODY TR TD.cat-key-cell {
          top: 1251px !important;

          Removing this line should resolve the problem. I don’t know where the code is coming from but it isn’t part of the usual plugin CSS.

          Thanks for the donation!

          • Greg says:

            You are correct as it was not a part of the usual plug in. A font plug in was affecting it. I think I cleaned it up. All clear with your plug in, sorry for the false alarm.

  90. Mark says:

    That you for your plugin, it is terrific! One question: is there a way to increase the number of characters in the “title” for an event?

  91. Mark says:

    Well, I’m in IT, never just one question: If you click/hover over an event in the calendar, I am not seeing a hover box with event details. I do see a “hand”. I do see a yellow hover box over the upcoming event details. Any thoughts on what could be the issue here.

  92. Steve says:

    I have this [spiffy-upcoming-list] enabled in my front page. In the Calendar options, I have “Show todays events” enabled(Yes) and I have 2 days for the option on how many days to show. However, it does not show todays events. I reset it several times but I can’t get it show today. Any ideas, thanks.