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.
Is there anyway that this could be done for single blog pages but just have the date and meta on the right ?
Then the normal content down the middle of the page