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


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

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.

Support forum for the Custom Files add-on for EE3.
Documentation for Custom Files Add-on https://eventespresso.com/wiki/custom-files-add-on/

Status: closed

Updated by  Lorenzo Orlando Caum 8 years, 5 months ago ago

Topic Tags

Tagged: ,

Notifications

This topic is: not resolved
Event Espresso