Icon/Flipbox Grid – Change H4 and H6 of Grid Item Title and Sub-title

Hey Xiscoj,
Please use the heading tag option to change the heading tag:

To change the subtitles to h3 you will need to ensure that you have jQuery enabled, it looks like you may have a caching plugin defuring it right now, then try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_icongrid_subtitle_script() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(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('h6.av_icongrid_subtitle', '<h3></h3>');
}(jQuery)); 
});
</script>
  <?php
}
add_action('wp_footer', 'custom_icongrid_subtitle_script');

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hi,
Please look at the screenshot above, the option is in each item under the advanced tab.
Sorry, I misunderstood, this is the way to make the script cange it to “p”

function custom_icongrid_subtitle_script() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(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('h6.av_icongrid_subtitle', '<p></p>');
}(jQuery)); 
});
</script>
  <?php
}
add_action('wp_footer', 'custom_icongrid_subtitle_script');

it looks like you have added this correctly, please check your caching plugin options to see if it is defering javascript.
Otherwise try remove the script and try this one instead:

function pure_js_change_icongrid_subtitle_tag() { ?>
  <script>
document.querySelectorAll("h6.av_icongrid_subtitle").forEach(e=>e.parentNode.replaceChild(Object.assign(document.createElement("p"),{innerHTML:e.innerHTML}),e));
</script>
  <?php
}
add_action('wp_footer', 'pure_js_change_icongrid_subtitle_tag');

Best regards,
Mike