Adding a message in the content on all pages using functions.php

Hey GWS,
Thanks for the link to your site, try adding this code to the end of your functions.php file in Appearance ▸ Editor:

function custom_special_message() { ?>
    <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
	if ($("body").hasClass("home")) {
  $( '<div class="av-special-heading">Our training center is currently closed for all in-person classes</div>' ).insertBefore( 'main.content' );
  }else{
  	 $( '<div class="av-special-heading">Sorry we are currently closed for all in-person classes</div>' ).insertBefore( 'main.content' );
  }
})(jQuery);
});
</script>
    <?php
}
add_action('wp_footer', 'custom_special_message');

The first message is for your homepage, the second is for all other pages. You can add a custom class to the div to style to suit your needs.
In my test I had to inject jQuery, because your site was giving the “jQuery is not defined” error, it looks like “rocket-loader” is adding jQuery too late, at least in my test.
If you have any trouble with this script try disabling “rocket-loader” or allow jQuery to load in the header, I’m not sure what options the “rocket-loader” gives you.

Best regards,
Mike

Hi,

Great, I’m glad that Mike could help you out. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

Best regards,
Rikard