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)
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.
Install and activate the following custom functionality plugin.
The plugin will
bodyclass to all content archives i.e., non-singular pages. set
layoutto content archives.
- add HTML markup
andthe opening tag for
- add HTML markup for the closing tag
- 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.
To view the full content, please sign up for the membership.
Already a member? Log in below or here.