Separator between events & rename the ICAL EXPORT button to Outlook

[leadthem]

This is the site: http://www.leadthemconsulting.com/training/

Separator between events
I see on this page, https://theeventscalendar.com/product/wordpress-events-calendar-pro/, the first screenshot that there are lines between each event in month view. I also attached that screenshot. I can’t find where to turn those on. I checked in Chrome, Safari & Firefox to make sure it wasn’t just a browser thing not displaying it. It doesn’t appear to be the case. Does anyone know how to turn those on?

rename the ICAL EXPORT button to Outlook
We’d like to rename the < + ICAL EXPORT > button to < + OUTLOOK / ICAL >. Is that possible? If so, where?

[Jennifer]

Hello,

There is typically a separator between the events in month view, but the theme does affect the styling of the calendar to some degree. Can you try adjusting the Default stylesheet used for events templates and Events template settings under Events > Settings > Display and see if that makes a difference?

To rename the button, you can follow the instructions in this guide, use a third party plugin like Say What, or use the tribe_events_ical_single_event_links filter (found in wp-content/plugins/the-events-calendar/src/Tribe/iCal.php).

I hope that helps! Let me know if you have any questions.

Thanks,

Jennifer

[leadthem]

Thank you for your response Jennifer.

I tried swapping the template to no avail. It still didn’t show properly. I switched between both “Default Events Template” and “Default Page Template.”

As to the button change, I tried putting it in after the <?php tag. As you probably already know, that broke lots of things. I fixed it. Then tried deleting the opening <?php tag. That broke things as well. I’m not sure what to do. Can you tell me what I should do please?

[Jennifer]

I just looked at the page again, and it appears the body classes that are normally on the events pages are missing, which is why some of our styling isn’t being applied. Did you try clearing out the cache (in your browser and within any caching plugins you may have) after you changed the page templates? If so and it’s still not working, you can add the following CSS:

.tribe-events-calendar .type-tribe_events {
border-bottom: 1px solid #e0e0e0;
}

.tribe-events-calendar .tribe-events-last {
border-bottom: none;
}

Regarding the code, you would actually want to use the tribe_events_ical_single_event_links filter to edit the button instead of editing the actual file itself. Sorry for the confusion there! I think the easiest way however would be to use the snippet in this guide – I just tested this out and it’s working on my end:


// Change iCal button text
function tribe_custom_theme_text ( $translation, $text, $domain ) {

$custom_text = array(
'iCal Export' => 'OUTLOOK / ICAL',
);

// If this text domain starts with "tribe-", "the-events-", or "event-" and we have replacement text
if( (strpos($domain, 'tribe-') === 0 || strpos($domain, 'the-events-') === 0 || strpos($domain, 'event-') === 0) && array_key_exists($translation, $custom_text) ) {
$translation = $custom_text[$translation];
}
return $translation;
}
add_filter('gettext', 'tribe_custom_theme_text', 20, 3);

Can you try adding that to the functions.php file of your child theme? Let me know if this works!

Thanks,

Jennifer

[leadthem]

THANK YOU SO VERY MUCH! One detail that I missed from the client: Move the Outlook button first, Google button second. Is that possible?

[Jennifer]

No problem! To reverse the buttons, you could use the tribe_events_ical_single_event_links filter found at wp-content/plugins/the-events-calendar/src/Tribe/iCal.php, or even with CSS and flexbox if you want to keep it simple! Something like:

#tribe-events-content .tribe-events-cal-links {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
}

You will probably need to tweak that a bit, but hopefully it helps get you started!

[leadthem]

Thanks again Jennifer! I greatly appreciate it! That did it!

[Jennifer]

Perfect, I’m glad to hear that worked for you! If there’s anything else I can help with, please let me know.

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts