How do I create H1 tag from the Caption Title in Fullscreen Slider element?

you can put this into your child-theme functions.php:

function my_avf_customize_heading_settings( array $args, $context, array $extra_args = array() )
{
	if( $context == 'avia_slideshow' )
	{
		$args['heading'] = 'h1';			
		$args['extra_class'] = 'is-h1';
	}
	return $args;
}
add_filter( 'avf_customize_heading_settings', 'my_avf_customize_heading_settings', 10, 3 );

just give that custom-class ( in my case it is : is-h1 ) to the fullscreen-slider

every slide-show with that class will turn the default h2 to h1 tag then.

or if you do not like to use the edited alb elements you can replace only that specific heading by this function in child-theme functions.php:

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('.page-id-14 .avia-slideshow-1 .slide-1 h2.avia-caption-title', '<h1></h1>'); 
  }(jQuery)); 
</script>
<?php
}
add_action('wp_footer', 'replace_tags_with_tags');

you see that line:

replaceElementTag('.page-id-14 .avia-slideshow-1 .slide-1 h2.avia-caption-title', '<h1></h1>'); 

you can add there as many lines as you like – if you are more specific with the selector you can be very strict in replacing
these lines must be semicolon separated.

F.e. – if you have there :

replaceElementTag('.slide-1 h2.avia-caption-title', '<h1></h1>'); 

every first slide in a slide-show will have a h1 tag then

if you only have that on the given page and do not need to have that elsewhere i recommend to use: https://kriesi.at/support/topic/how-do-i-create-h1-tag-from-the-caption-title-in-fullscreen-slider-element/#post-1122106

Hey Guenni,

if i use your code it changes all tags to h1 automatically. But not if i set the css class “is-h1”.

Bests, Ronald

Hey Guenni,
did u find solution of how to do the same as above but for the latest update meant v4.7.5? I have my very 1st page with the Fullscreen slider within which is domain/wp-admin/post.php?post=143&action=edit so what about the right function to work out?
Best,
Dmitry.

Wow! Thanks a lot, I didn’t dig inside so deep… Anyway, I have changed the header for H1, now trying to change the color from just black to white. I made my customs CSS class as h1color_white and put this code w/ success… Anything wrong?

#h1color_white .main_color h1 {
color: #ffffff !important;
}