Support » Plugin: My Calendar » [Plugin: My Calendar] How to limit # events displayed?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Joe Dolson

    (@joedolson)

    Today’s events doesn’t have any kind of limitation – it just shows the events scheduled for today. Using CSS, you could employ something like

    #todays-events li:nth-child(-n+3) { display: none; }

    This would show the first 3 events of the list of events. Just change the number in the child expression to vary what you hide. You could add the ‘see more’ option using the :after pseudo-element.

    Best,
    Joe

    Thanks for your reply, appreciate it! Just another question (or two!)

    “You could add the ‘see more’ option using the :after pseudo-element.”

    Sorry, new at learning CSS not sure what that means or where to place it.

    Also, if I change the css, does that mean anytime I use “today’s events” it will always limit it? So the “see more” will have to display a full calendar, not the rest of the day’s events.

    Thanks.

    Plugin Author Joe Dolson

    (@joedolson)

    Yes, changing the CSS would always limit it. But you could get more complicated than that by using jQuery to hide/reveal elements. That’s really getting into some fairly complicated customization, though – it’s kind of beyond the basic support I can really provide.

    http://coding.smashingmagazine.com/2011/07/13/learning-to-use-the-before-and-after-pseudo-elements-in-css/

    Did you ever get this to work @bbq797 ???

    I would like to do the exact same.

    Never mind, I decided on another solution to my problem.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Plugin: My Calendar] How to limit # events displayed?’ is closed to new replies.