Hello, I am using this tutorial for background header How to display Page Title on full-width Featured Image in Genesis and this for Post Grid, but I think that it not compatible. Posts Grid on Archives in Genesis When I use these In blog the title show the 1 first single post, no the name […]
Search Results for: featured posts grid
Posts Grid in Genesis using CSS Grid
CSS Grid is a fantastic new feature in CSS supported by all modern browsers (partial support in IE at the time of writing this) since March of this year. Creating a grid is now as simple as declaring display property of the parent container element as grid. The number of columns can be set in […]
Filtering posts by categories with a Load more button in Genesis using FacetWP
In the past, I wrote about filtering posts using Ajax Load More plugin here. This tutorial provides the steps for filtering posts on the Posts page by categories in Genesis using FacetWP. Clicking on Load More button below the posts will load the next set below the current ones. We will use column classes in […]
Grid of CPT entries with title and excerpt sliding up on hover in Genesis
Updated on June 26, 2017 A user recently wrote me: Hi Sridhar, I find your tutorials very helpful. I was hesitant to signup and pay the $47/month, but it’s money well spent every month. Thank you! I have a request. Can you help me or put out a tutorial to accomplish what I’m seeing here?: […]
Genesis Archives Grid Displaying Categories, Title, Image and Post Info
In my tutorial requests Trello board, a user asked: Is it possible to split post meta? What I want is a grid archive such that categories are listed above the title, then there’s an image (under the title), under the image are the tags. Possible? Thanks to the built-in hooks and shortcodes for categories and […]
Grid Based Responsive Tabs in Genesis using GridTab
GridTab is a lightweight jQuery plugin to create grid based responsive tabs. In this tutorial, we shall display a grid of featured images of posts which when clicked will slide reveal details panel showing a larger image, title and read more button linking to their respective single post. When the panel is open, users can […]
Posts grid on single posts in Genesis
This tutorial provides the steps to display a grid of posts’ featured images below content on single posts in Genesis. We shall exclude the current post from appearing in the custom WordPress query. A fallback image will be set for posts that do not have a featured image. On hover: Screencast: As the viewport width […]
Portfolio Grid in Genesis Filterable by Multiple Taxonomies using FacetWP
FacetWP is an excellent plugin for setting up filtering capabilities for entries in WordPress. Here are FacetWP’s benefits over using something like Isotope: supports pagination out of the box. Entries being filtered need not all be present on a single page supports automatic narrowing down of filters i.e., as items get filtered by one criterion, […]
How to display Posts and entries of a CPT together with different layout for each in Genesis
In my tutorial requests Trello board, a user asked: Request for displaying a combined list of normal posts and a CPT together and showing the posts differently depending on if it´s a normal post or a CPT. If a normal post it should show featured image above the title. If a CPT it should grab […]
Search results grouped by post types with entries in a grid in Genesis
In the members-only forum a user asked: Your tutorial “Custom Search Template in Genesis showing Results Grouped by Post Types” helped me a great deal, but now I would like to show those search results in a grid format of 4 across, showing only featured image and title. How would I implement this? In this […]
Recent Comments