Single event title in Events Calendar H2 instead of H1

maybe you got a livelink? because tribe events got a lot of view possiblities with each single-event.php ( lists, day, month, etc)

this to functions.php of your child theme

function replace_h2_on_single_events(){
?>
<script>
  (function( $ ) {
	$(document).ready(function() {       	
		$('.av-single-event-content h2').replaceWith(function(){
		   $newTag = $("<h1>", {html: $(this).html()});
		   $.each(this.attributes, function(i, attribute){
		        $newTag.attr(attribute.name, attribute.value);
		  });
		  return $newTag;
		})
	 });
  }(jQuery)); 
</script>
<?php
}
add_action('wp_footer', 'replace_h2_on_single_events');

all attributes of the former h2 will stay on position !

so if you like to do it via this way – change back the changing on source code of single event. The next update will do that too.
This functions.php solution is then regardless from updates

Edit:

This is a nice replace script an easier to understand – you can add different rules here

function replace_tags_with_tags(){
?>
<script>
  (function($) {       
      function replaceElementTag(targetSelector, newTagString) {
        $(targetSelector).each(function(){
          var newElem = $(newTagString, {html: $(this).html()});
          $.each(this.attributes, function() {
            newElem.attr(this.name, this.value);
          });
          $(this).replaceWith(newElem);
        });
      }
    
      replaceElementTag('.av-single-event-content h2', '<h1></h1>');   // each replacement separated by semi-colon
    
  }(jQuery)); 
</script>
<?php
}
add_action('wp_footer', 'replace_tags_with_tags');

• This reply was modified 6 years, 6 months ago by Guenni007.