Removing the Date & Time

[Afsana]

Dear Support,

We am busy developing a website using The Events Calendar. We are using the free version combined with a purchased WooTickets plugin that is advertised with The Events Calendar.

We would like to know if it was possible to request assistance with how to go about removing the date and time of the events? As we would like to use it for event ticketing but with no date or time displaying.

We have tried various suggestions found online, overwriting the script and also playing around with the display in CSS. However, to no avail.

Please let us know if it possible to acquire this sort of support or if we could be pointed in the right direction,

Many Thanks,
Warm Regards,

The Endor Media Team

[Afsana]

We would also not mind removing the entire Events footer area/functionality.
And also the date and calendar download under the title.

I have tried removing these from the view/single-events.php page but no change is visible.

Please advise.

[Geoff]

Hello there, Afsana–thanks for getting in touch and welcome to the forums.

I do want to start off by pointing out that we are fairly limited in how much we can support custom development questions like this one. That said, I’m happy to point you in the right direction so you can pick it up and make it happen.

The date and time of events is displayed in many places throughout the calendar. I think your best bet to remove them is to modify each template where they make an appearance.

To take a real-life example, let’s remove the date and time from events in List View. To do this, we’re going to override the list/single-event.php template (located in /plugins/the-events-calendar/views/list/single-event.php).

• Create a folder in your theme directory called tribe-events
• Create a folder in that one called list
• Duplicate your list/single-event.php file and drop the copy in the new folder

Now that the template is in your theme directory, you can modify if to suit your needs. In this case, remove the date and time details, which occur in Lines 57-60.

The same goes for any other instance where the date and time show up. Create a template override, then modify as needed.

If you’re looking for more guidance, I would also suggest reading through our Themer’s Guide. This provides a nice step-by-step overview of how they work and which templates are available to customize.

Cheers!
Geoff

[Afsana]

Hi Geoff,

Thanks for your support.

We have tried the abovementioned method for overriding yet the time & date still displays.

Could there be a possible conflict that would cause the new php file to not override? I have changed the single-event.php files – removing the schedule details – in the list and day directories (which are located in the tribe events directory). Did I maybe miss any of these?

On a side note: There is a child theme installed so I actually added the new files (as per instruction) to both the child theme directory as well as the parent theme directory.

Many Thanks,
Warm Regards,

Afsana

[Geoff]

Hey there, Afansa! Thanks for following up.

Hmm, that’s certainly strange. You should only need to create the tribe-events directory once in the active theme. There are several template files called single-event.php — is it possible you didn’t snag the correct one?

A good way to tell if there’s a conflict is to activate the default WordPress Twenty Fourteen theme, then try your customizations from there. If it works, that tells us there is a conflict with the other theme. If it doesn’t work, then there’s something else going on.

Cheers!
Geoff

[Afsana]

Hi Geoff

None of the suggestions worked. Two people in our team tried all options but to no avail.

After much talk with colleagues and hows spent on this fix. We found a solution that I am happy to share with all.
Add this into your child css and all will be well for singe page events with no dates and time:

.date-start dtstart {
display:none;
}

span.date-end.dtend {
    display: none;
}

span.cmsms_event_meta_info_item_title {
    display: none;
}

.cmsms_event_meta_info_item {
    display: none;
}

h2.tribe-events-single-section-title {
    display: none;
}

span.date-start.dtstart {
    display: none;
}

.tribe-events-cal-links {
    display: none;
}

.tribe-events-notices {
    display: none;
}

[Geoff]

Awesome! I’m sorry that my first set of instructions didn’t stick, but I’m certainly glad that you were able to find something that works. Thanks for following up and for sharing your solution!

I’ll go ahead and close this thread, but please feel free to hit us back up if any other questions come up and we’d be happy to help. 🙂

Cheers!
Geoff

[Author]

Posts