Support

Home Forums Custom Files Add-on (EE3) Opacity of Past Events in Calendar EE3

Opacity of Past Events in Calendar EE3

Posted: November 6, 2015 at 10:56 am

Viewing 1 reply thread


Renee deVilliers

November 6, 2015 at 10:56 am

Hi I am using the events calendar, and have a request.

I’d like the past events on the calendar to fade visually. Like have opacity of say 25%

Can we do this with css, and if so, how do I do it?

I am no css whiz, but can copy and paste if you provided some assistance.

Thanks


Lorenzo Orlando Caum

  • Support Staff

November 6, 2015 at 12:25 pm

Hi Renee, here is some sample CSS that will do that:

#espresso_calendar a.fc-event.fc-event-hori.fc-event-start.fc-event-end.expired { opacity: 0.25; }

You could also try experimenting with some other values like .35, .45, and so forth.

It can be added through a plugin like Simple Custom CSS or Reaktiv CSS Builder.


Lorenzo

Viewing 1 reply thread

The support post ‘Opacity of Past Events in Calendar EE3’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso