Updated on January 28, 2019
In my Facebook group, a user asked:
Hi Sridhar, what's the best way to do this on the blog page?
Column 1: Entry image
Column 2: Everything else (entry header, entry content and entry footer)
Thank you
This members-only tutorial provides the steps to display an image (featured if present, otherwise a fallback) linking to post permalink in the left column and entry details like header, content, and footer in a right column for each post in content archives (like
While the tutorial has been written for Genesis Sample 2.8.0, it should work with a few adjustments in any Genesis child theme.
Step 1
Install and activate the following custom functionality plugin.
The plugin will
add content-archivebody class to all content archives i.e., non-singular pages.set full-width-contentlayout to content archives.- add HTML markup
for div.entry-leftand the opening tagfor div.entry-right. - add HTML markup for the closing tag
for div.entry-right. - remove the image that may be coming from Genesis Theme Settings.
- load a CSS file having code to arrange the left and right divs in columns using CSS Grid for screen sizes 960px and above.
It’s a pretty sweet plugin. Two things, 1) I was wondering if there was a way to flip the sequence, content on left, and image on right. I duplicated the plugin to see if I could reverse it but nothing changed. Also, 2) tried to see if I could use content-sidebar instead of full width with no success. Any tips on how to do either option would be awesome.