How to Replicate Single Post Template of Journal Theme

Journal theme is a cool, neat and light-weight Genesis child theme (free) released by the very talented and creative by Rafal Tomal from StudioPress.

It’s very creatively built and ideal for a personal blog.

The minimalist and mobile-first theme has a slew of cool features – an “about the author” area, a fly-out primary sidebar menu, and a super cool full-width single post template.

In this post, I’m going to show you how to replicate the single post template of Journal Theme.

I’ll use a Genesis Sample Theme as a starter theme and modify the functions.php and style.css file to add and remove some code to achieve the desired results.

CAVEAT: If you’re not familiar with modifying theme files using FTP, please don’t risk breaking your site.

Before we move forward, I’d like to share with you a BEFORE and AFTER screenshot of what a single post.

BEFORE (Default Single Post Template in Genesis Sample)

AFTER (Customized Single Post Template to Replicate Journal Theme)

Please, note that the Journal Theme’s single post uses a full-width template. Therefore, you need to choose the full-width template under theme settings as well.

Moreover, you need to use a featured image having a 1400 x 500 dimension.

Let’s Do This

Step #1: Add the following code to your active theme’s functions.php file

Step #2: Add the following code to your active theme’s style.css file

Let me know if you have any questions.