Change location of date on blog posts

Hi Mimi,

Good question! The most reliable way to do this is through a child theme…then you can just swap the order around in the template file, without having to worry about losing your changes in an update. If you set up a child theme and need help making the swap in the code, let us know.

In theory, you could also do this in a slightly hacky way with some javascript, but that isn’t really ideal. ??

Hi Steven,

Thanks for your response! I was able to set up a child theme. Could you give me a little more guidance on how to swap the code? Sorry, I am a WordPress newbie.

Nice work!

Now if you copy single.php from the “kale” folder into your child theme folder, you can edit the new copy.

Around lines 36-43, you should see this code:

            <div class="entry-header">
				<?php if($kale_posts_meta_show == 1 && $kale_posts_date_show == 1) { ?>
                <div class="entry-meta">
                    <div class="entry-date date updated"><?php the_date(); ?></div>
                </div>
				<?php } ?>
				<div class="clearfix"></div>
            </div>

Select that block of code and move it to under the following code, which was around lines 45-50:

            <?php $title = get_the_title(); ?>
            <?php if($title == '') { ?>
            <h1 class="entry-title"><?php esc_html_e('Post ID: ', 'kale'); the_ID(); ?></h1>
            <?php } else { ?>
            <h1 class="entry-title"><?php the_title(); ?></h1>
            <?php } ?>

So your final code should look like this:

            <?php $title = get_the_title(); ?>
            <?php if($title == '') { ?>
            <h1 class="entry-title"><?php esc_html_e('Post ID: ', 'kale'); the_ID(); ?></h1>
            <?php } else { ?>
            <h1 class="entry-title"><?php the_title(); ?></h1>
            <?php } ?>

            <div class="entry-header">
				<?php if($kale_posts_meta_show == 1 && $kale_posts_date_show == 1) { ?>
                <div class="entry-meta">
                    <div class="entry-date date updated"><?php the_date(); ?></div>
                </div>
				<?php } ?>
				<div class="clearfix"></div>
            </div>

That should do the trick…let us know if you run into any issues!