Sorry, just noticed that the YouTube “share” works but when you click on it, the social channel icons cannot be clicked on. When I use the video in the easy slider, it doesn’t show on mobile so I removed it and am using Soliloquy instead.

Thanks

Thanks for trying and all of your help.

JQuery is not set to load in the footer.

Not sure where I should be see this?
You can also try to replace “on” with “addEventListener”.

Thanks

Hi Ismael,
Your last bit of code did not work on with the single event listing or the calendar view.
I have this running on localhost, all plugins disabled except the calendar pro software, running a child theme with just your code in the child functions file. As mentioned, works on the single event page but not in the main calendar view. What is your local config, maybe I can reproduce it?

Thanks

Hi Ismael,

Here is a summary of where we are at-

1.
add_action(‘wp_footer’, ‘ava_color_closed_event’, 9999);
function ava_color_closed_event() {
?>
<script>
(function() {
let et = document.querySelector(‘.tribe-events-single-event-title’); This throws a 500 server error.
et = et ? et : document.querySelector(‘.tribe-events-month-event-title a’);
if( ( et ) && ( et.textContent == ‘Closed’ || et.textContent == ‘Library Closed’ ) ) {
et.style.color = ‘#c20b1a’;
}
})();
</script>
<?php
}
_________________________________________________________________________________________________________
2. This doesn’t work-
add_action(‘wp_footer’, ‘ava_color_closed_event’, 9999);
function ava_color_closed_event() {
?>
<script>
(function() {
const et = document.querySelector(‘.tribe-events-single-event-title’);
const etm = document.querySelector(‘.tribe-events-month-event-title a’);
if( ( et.textContent == ‘Closed’ || etm.textContent == ‘Library Closed’ ) ) {
et.style.color = ‘#c20b1a’;
etm.style.color = ‘#c20b1a’;
}
})();
</script>
<?php
}
________________________________________________________________________________________________________
3. This only works on the single event page itself, but not in the calendar view.
add_action(‘wp_footer’, ‘ava_color_closed_event’, 9999);
function ava_color_closed_event() {
?>
<script>
(function() {
const et = document.querySelector(‘.tribe-events-single-event-title’);
if(et && et.textContent == ‘Closed’ ) {
et.style.color = ‘#c20b1a’;
}
})();
</script>
<?php
}

• This reply was modified 6 years ago by xyzb.

Thanks! This works on the single event but not on the calendar view itself. Could this be changed as well?

Thanks!

That works but that is not what I wanted. I want to add HTML to the event post title so if we are closed that day, it will be red and bold in the calendar, the list and in the post itself.

Other ideas?

Thanks

Never mind – I figured it out- you can close this ticket.

Thanks!

I made changes to the header.php by adding the Google Tag Manager noscript just inside the body tag. I didn’t touch the avia.js file but for some reason had to add it to the child theme folder.

Is there a preferred way of adding the tag manager noscript code ?

Thanks much!

Will the theme calendar theme overrides still work as outlined on the Modern Tribe website?

Thanks

Awesome, thank you, but this really didn’t help. The layout and links that are created by a default WP theme cannot be replicated by adding the code into my child theme functions file. Disappointed. I have spent the last 2 days trying to get Enfold to work with Events Calendar Pro and it has not worked well at all.

Please close .

Thanks