Strange opacity issue in Month View

[Fabrice]

Hi,
Something strange occur in my month view. I’ve changed the active theme and disable all plugins except the Tribes ones.
What append is a strange opacity issue on some of events. Let me show you with a screenshot. As you can see, the events are the same, except the date, but they show up differently.
When I explore the CSS with the inspector, I find this, but why here, why only here ?

Thanks for your help.

[George]

Hey @Fabrice,

Thanks for reaching out—the behavior you describe actually just seems to be our default styling for events in this way. If you notice, the events that have lower opacity are either in the past, or in the next month.

So in your screenshot, for example, you are viewing the month of February. The events in the bottom that have lower opacity are actually from March, though—the next month over.

Their opacity difference is meant as a way to indicate to users that they are not in the current month, but are instead being pulled in to fill out the calendar grid.

This is a common approach for calendars and you can see it in effect on our official demo site here: http://wpshindig.com/events/.

To override this behavior and keep those events at full-opacity, you can add the following CSS to the bottom of your theme’s style.css file:


.tribe-events-othermonth .tribe-events-month-event-title,
.tribe-events-othermonth div[id*="tribe-events-daynum-"] {
opacity: 1.0 !important;
}


I hope this information helps!

Thanks,
George

[Fabrice]

Hi George,
Thank you for your response. I’m so ashamed to not have seen that it was the changing of month that make this appends.
It’s clear. Sorry to have made you wast your time with this.

Thanks again.
Fabrice

[George]

No worries at all @Fabrice! No problem! 🙂

[George]

I appreciate your reaching out and am glad I was able to help here. I’ll be closing up this thread, but if there’s anything else we can help with, open a new thread any time!

Best of luck with your project,
George

[Author]

Posts