Omit Weekend Days from event with date range

[daviemurphy]

Hello,

First off thanks for making such a useful plug-in. I’m loving it. Unfortunately I have a small issue. My client has many events that run over the course of a week or even a month. I’m using date ranges to facilitate this. The client works with financial advisers and naturally the events run only on weekdays (who wants to go to a financial event at the weekend, right?). Here lies my problem… in Calendar view the events are populating right across the week, inc Saturdays and Sundays. To ‘fix’ this I omitted the sat and sun blocks and thus columns by using pseudo class selectors EG .tribe-events-calendar tr td:nth-child(6) {display: none;} etc.

All was great until I loaded it onto the corporate system (citrix) running IE8 *huge sigh* (this events calendar is for internal use and for employees out in the field – fortunately for me, they use ipads). For the pseudo classes to work I had to load in good ol’ http://selectivizr.com/ but this 1. causes a delay in hiding the blocks – this is not helped with the virtual machines being as slow and a week in jail… and 2. the container is leaving a space where they were, almost as if I was using visibility: hidden instead of display: none.

I can see in the output code that the plug-in php is adding class=”tribe-events-right” to Friday, Saturday and Sundays blocks. So, I was thinking of adding a further class but I only want to add this to Sat and Sun. Once I add this I can then hide the content within the blocks (I’m happy enough to leave the days displayed in the table), making it look as if the date range only runs over weekdays. Do you know how I can do this as I’ve searched the code and just can’t make out where the tribe-events-right class is being added.

List view doesn’t have this issue as the_content (within the more info single pages I’ve setup) specify the events being week day only. On that tip I’m using metafizzy’s Isotope plug-in to populate and further filter the list section – looks really slick 🙂

Because I’m essentially running this on their intranet, sending a link is an issue, however I can post some screenshots if my description isn’t good enough.

[Jonah]

Hi daviemurphy,

Some screenshots of the dilemma would be helpful. The ‘tribe-events-right’ class is added in the /wp-content/plugins/the-events-calendar/resources/events.js file on line 7.

Thanks,
Jonah

[daviemurphy]

Jonah, superb mate! That’s all I needed really – I added a :nth-child() class called hideme on line 8 in the js script and styled it accordingly – works like a charm 🙂

[Jonah]

Excellent to hear! I’m going to close this thread out but feel free to open another one if you need anything else.

Thanks,
Jonah

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts