Tweaking the date on the Week View

[saintwilfrids]

Hello, i’ve adjusted a few styles already in my custom css already, but there’s a couple of things I can’t work out how to change:

1) I would like to remove the date shown as part of the ‘Start Time’, since the date is already given by the week view titles. But it looks like the date is part of the same call as the time.

E.g.

DEC 18 @ 12:30 PM

I would like it simply say 12:30 PM instead.

I’ve found the tooltip.php and located this line, I just don’t know what to change it to. Is there a list of available options somewhere?

<abbr class="tribe-events-abbr updated published dtstart">[[=dateDisplay]] </abbr>

2. I would also like to change the colour of the start time to a grey colour. It looks like it is currently being styled by the secondary colour in my theme’s settings. How can I override this and force a colour?

Thanks in advance!!

Paul

[Nico]

Howdy @saintwilfrids,

Welcome to our support forums and thanks for reaching out to us. I’ll help you getting the calendar as you need it to show!

#1 – First you’ll need to create a template override of the view located at wp-content\plugins\events-calendar-pro\src\views\pro\week\single-event.php, to add the new data for the tooltip. Be sure to check the themer’s guide on how to do so. The final code should look like this:


if ( ! defined( 'ABSPATH' ) ) {
die( '-1' );
}?>

class="ID ) ?> tribe-week-event" data-tribejson=''>

" class="url" rel="bookmark">post_title; ?>

After doing this you’ll need to create a template override of the tooltip view (wp-content\plugins\events-calendar-pro\src\views\pro\week\tooltip.php) and change the original [[=dateDisplay]] for the new variable we created [[=just_time]]. That should get it working!

#2 – Just insert the following snippet in your theme stylesheet or via Simple Custom CSS plugin:

.tribe-events-tooltip .tribe-event-date-start {
color: #000;
}


Please try both solutions out and let me know,
Best,
Nico

[saintwilfrids]

Hi Nico, thanks for the reply.

I’ve tried what you suggested and failed. It’s a little confusing which folder to put the updated files in. I have tried several to no avail. Maybe you can help…

We are using The Events Calendar Pro and using a theme called Polytechnic. Can you please write out the correct URL and folder that these new files should go in for me?

Thanks so much,

Paul

[George]

Hey Paul,

Here is where you’d make the template override that Nico shared above:

wp-content/themes/[theme-name]/tribe-events/pro/week/single-event.php

The [theme-name] text there would be whatever the folder’s name is for your “Polytechnic” theme – it’s probably just /polytechnic/, but might be a bit different.

To learn more about customizing theme templates and making overrides, please consult out Themer’s Guide here → https://theeventscalendar.com/knowledgebase/themers-guide/

We cannot help with customizations, so you will unfortunately have to take the reins on this from here – see the “Product support” section of this page to learn more: http://theeventscalendar.com/terms.

That being said, let me know if you have any further questions and I will do my best to help.

Thanks,
George

[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