Presentation of the information in the list widget

[Dien]

Hello, this is my site:
http://www.subdomein2.semiography.com
or as an image:

View post on imgur.com

On the home page, the list of events displayed there are derived from the list widget (coming with Events calendar pro).
Each item in the list shows three things:
– title of the event
– complete date e.g. februari 2 om 14:00-18:30
– shortened date e.g. di 02
At the end of the list it says ‘bekijk meer’ (read more)

My questions are:
1. how can I remove the shortened date
2. how can i remove ‘bekijk meer’
3. how can I change the presentation of the date like so

‘februari 2om 14:00 – 18:30’
into
‘2 februari om 14:00 – 18:30 uur’

(In other words:
-how can I move the 2 before the month instead of behind the month
-how can I remove the space between ‘2’ and ‘om’
-how can I add ‘uur’ behind the hours)

Regards,
Dien

[Cliff]

Hi Dien. Thanks for your detailed question.

The PRO Events Calendar / Mini Calendar widget and the PRO Events List widget both get their “list” output from /wp-content/plugins/events-calendar-pro/src/views/pro/widgets/modules/single-event.php

1)

You may leverage the hooks (actions and filters) found throughout that file.

2)

And/Or you may fully override that file in your own child theme by creating a file at [your-child-theme]/tribe-events/pro/widgets/modules/single-event.php

Follow our Themer’s Guide for more information.

===

I hope this information helps you on your way to customizing the widgets.

[Dien]

Hi,

I am still struggling in changing the presentation of the date.
(for example ‘februari 2om 14:00 – 18:30’ into 2 februari om 14:00 – 18:30 uur’)
I found the file you mentioned and I see that the date is picked up here:

<div class=”tribe-events-duration”>
<?php echo tribe_events_event_schedule_details(); ?>
</div>

but in this bit of code I don’t see a bit of code like:

l, F j, Y

Do you know where I can locate the place where this is and so change it?
Thanks in advance,
Dien

[Cliff]

3)

Dien, since you didn’t get it that way, maybe this would be a better route for you to take for item #3:

Go to wp-admin > Events > Settings > Display > Date Format Settings section and see if one of those options provides you with a workaround for how you want dates displayed (using any of these date formats).

2)

As for removing the “View More” link (“bekijk meer” in your language), item #2:

You should be able to add this custom CSS to just HIDE it on the page (instead of totally disabling it from rendering, which would need to be done via PHP): .tribe-events-widget-link { display: none; }

You can add custom CSS code via your child theme’s style.css file or via a plugin like Simple Custom CSS or, my favorite, Jetpack. Jetpack supports regular CSS and the LESS and Sass pre-processors.

If you’re not a CSS expert, Jetpack’s Custom Design reference may prove helpful.

Please let me know how it goes for you.

1)

I do not see the shortened date on your site at the moment. Maybe you already figured out how to remove it? If not, it might be able to be removed via CSS, like #2 above, but with a different CSS selector. Please take a screenshot and annotate it to show me where the shortened date is rendering on your page and I’ll help with the CSS code if you need me to.

I hope this information helps. Please let me know how things go for you. Thanks!

[Dien]

Thanks!

[Cliff]

Thanks for letting me know I answered your questions. Have a great week!

[Author]

Posts