Display Page title above the hero image in Genesis Sample Theme

[AmolParticipant]

Hello,

I have created a Full-width hero image on the genesis sample theme. I am unable to add the Page title above the hero image. Kindly help with the same. Will appreciate the support. Thank you

// Add hero image above page content Start

add_image_size( 'hero-image', 1263, 650, TRUE ); 
add_action( 'genesis_after_header', 'al_hero_image' );

function al_hero_image() {
    if (has_post_thumbnail() && is_page() ) {
    	$image_desktop = wp_get_attachment_image_src( get_post_thumbnail_id( $page->ID ), 'hero-image' );
    	$image_tablet = wp_get_attachment_image_src( get_post_thumbnail_id( $page->ID ), 'large' );
    	$image_mobile = wp_get_attachment_image_src( get_post_thumbnail_id( $page->ID ), 'medium' );

    	$aldesktop = $image_desktop[0];
        $altablet = $image_tablet[0];
        $almobile = $image_mobile[0];

    	$featured_class = 'seefresh-al-page-hero';

 ?> 
<div class='<?php echo $featured_class; ?>'></div>
<style>
	<?php echo ".$featured_class "; ?> {background-image:url( <?php echo $almobile; ?>);height:193px; margin-top:70px;}
		
		@media only screen and (min-width : 480px) {       
        <?php echo ".$featured_class "; ?> {background-image:url(<?php echo $altablet;?>);height:410px; margin-top:70px;}
		}

		@media only screen and (min-width : 992px) {       
        <?php echo ".$featured_class "; ?> {background-image:url(<?php echo $aldesktop;?>);height:650px; margin-top:70px;}
		}
</style>
<?php

    } 
}
//Add hero image above page content End

---

What’s Beneath the Webface

https://wordpress-159506-1920925.cloudwaysapps.com/about-us/

[AnitaKeymaster]

Since you marked this resolved, I'll close it.

---

Training & Request a Customization | Recommended Genesis Developer | My WordPress & Genesis Tutorials

[Author]

Posts