Post Title to display on Image in Post Page??

  • Schmeely

    (@lilaclements)


    8 years ago

    Hey there,

    Similar to this site: https://peacheyphotography.co.uk/ I’d like my post titles to be displayed over the image on the Posts Page, preferable as a hover as well.

    How would I edit my child theme to do so?

    Many thanks!

Viewing 1 replies (of 1 total)
  • Kamena

    (@kamena)

    Hi, Schmeely

    In order to move your title over the feature image you have to edit the content-single.php file. So copy this file to your child theme and do the following steps:
    1. Copy the code from line 9 to 13.

    	<?php if ( has_post_thumbnail() ) : ?>
	<div class="entry-thumbnail">
        <?php the_post_thumbnail( 'masonry-single' ); ?>
	</div><!-- .entry-thumbnail -->
    <?php endif; ?>
2. Paste it under the header you are seeing bellow

    <header class=”entry-header”>
    <?php the_title( ‘<h1 class=”entry-title”>’, ‘</h1>’ ); ?>

    <div class=”entry-meta”>
    <?php
    if( ! empty( $masonry_options[‘last_updated_on’] ) ){
    masonry_last_updated_on();
    } else{
    masonry_posted_on();
    }
    ?>
    </div><!– .entry-meta –>
    </header><!– .entry-header –>

    Video: https://www.screencast.com/t/pypK8dQVZj

    Also, for your second need (the post title to be visible on hover), we are working on new version and this update will be live soon!

    Best regards,
    Kamena

Viewing 1 replies (of 1 total)
  • The topic ‘Post Title to display on Image in Post Page??’ is closed to new replies.