Updated on July 27, 2020 This tutorial provides the steps to customize the output of Genesis Featured Posts using the Custom Genesis Featured Posts Widget plugin and add the CSS to display entries in a 3-column grid. The title, post info and excerpt (content limit, to be specific) are set to be overlayed on top […]
Search Results for: featured posts grid
Featured Posts Grid with Random Background Colors in Genesis
This is a simpler version of TheVerge.com style Featured Posts Grid in Genesis tutorial. We shall set 8 posts (only those with featured images) from a specific category to appear on the front page below header in Genesis in 2 rows of 4 columns. For each post, the featured image appears with the post title […]
TheVerge.com style Featured Posts Grid in Genesis
In this tutorial I share the code for displaying 7 Posts from a specific “Featured” category in a colorful grid styled to look like the one on The Verge on the front page below the header in Genesis. On hover: At 767px and below the Posts will appear one below the other: While the tutorial […]
Title and Excerpt upon Hover on Featured image using Display Posts Shortcode and CSS Grid in Genesis
A member asked via email: In this tutorial https://sridharkatakam.com/portfolio-grid-showcase-pros-front-page-title-excerpt-hover/ , you place the portfolio in the Widget 4 section of the front page. I need to be able to place multiple portfolios in different places throughout my site. I believe I can figure out how to replace any of the widget areas on the Front […]
Responsive Featured Posts’ Grid with Titles below Images and Excerpts Overlay on Hover in Genesis
In the comments section of Genesis Sandbox Featured Content Widget’s output in a responsive grid with title and excerpt/content on hover, a user asked: Hi! Thank you so much for this – it works like a wonder! Quick question – what would I change on the code to have the post/entry title stay below the […]
Masonry Grid on Content Archives with Title and Excerpt on Hover in Genesis
Updated on Feb 21, 2019 This is an updated and improved version of Masonry Grid on Category Archives with Title and Excerpt on Hover in Genesis tutorial. This tutorial provides the steps to put together a custom template part for content archives in which all actions from Genesis entry hooks are replaced with a custom […]
Custom Page Template to show posts grouped by selected categories using ACF’s Taxonomy field in Genesis
Recently a user enquired: Hi Sridhar, I have a quick question for you (possible new project). I noticed that this site (drupal) https://www.switchbacktravel.com/outdoor-gear-reviews breaks its archive pages into section. I wanted to know if something like that was possible in wordpress. to which I replied: Yes possible. The easiest way would be to create a […]
Posts Grid showing Image, Title and Date in Genesis
In Genesis Facebook group a user asked, Have a coding question about an archive loop 🙂 I’ve been using this tutorial for my theme’s archive.php: http://www.billerickson.net/genesis-grid-loop-content/ It does what I need it to principle, but I’m struggling with customizing it. I want it to output the image, title, and date. No excerpt. And I’d like […]
Image Grid on Archives in Genesis
This tutorial provides the steps to display featured images of entries (posts) on archive pages in Genesis in a 3-column grid using CSS Grid with Flexbox fallback (for oldIE). For entries that do not have a featured image set, the first attached image will be shown and if that’s not present, a fallback image. The […]
Posts grid on archives with title and excerpt on hover in Genesis
In my tutorial requests Trello board, a user asked: Hi Sridhar, how would you approach having an archive page for each taxonomy of a CPT? I started with https://sridharkatakam.com/grid-portfolio-images-title-excerpt-hover-showcase-pro/ , but there wasn’t a clear way to setup a separate page for each taxonomy. Thanks!! Archive pages for taxonomies are usually enabled by default and […]
Recent Comments