Relevanssi is a WordPress search plugin which provides a ton of configurable options like showing the search results sorted in the order of relevance, automatic bolding of the search term, ability to exclude and include categories, tags, posts and pages from search. In this tutorial, we shall create a search template file in Genesis in […]
Premium Content
Fixed mini header on scroll with inline logo and nav menu in Genesis
In the comment section of How to display a Fixed Mini Header when Scrolling down in Genesis tutorial, a user asked: Thank you for all your excellent bits of code. I’m using the inline logo uploaded via the customizer (https://sridharkatakam.com/inline-logo-in-genesis/), is it possible to incorporate that logo into this code so that it doesn’t need […]
Off-Canvas content in Genesis using JS Offcanvas
Offcanvas is a jQuery script for setting up fully accessible sidebar or top/bottom sliding (or push) panels with keyboard interactions and ARIA attributes. In this tutorial, we shall register a custom Off-Canvas Content widget area and reveal the widget(s) placed in it from the browser edge when a button is clicked. Screenshots: Screencasts: With a […]
Featured Parallax Section on Singular pages in Genesis
In the past, I wrote a tutorial titled Featured Image Background Parallax section on Posts and Pages in Altitude Pro. This tutorial is different in the following ways: Parallax.js jQuery script (more robust) is used instead of JS from Parallax Pro theme Instead of post info/title, entry-specific content (if present) in a custom text area […]
Categories Archive Page Template in Genesis
A user asked, I would like an Archive Blog page by category as per this sample – http://www.lizsteel.com/archives/ (with a link to “More” so visitors can get the rest of the blogs in the category). This tutorial provides the steps to display posts grouped by selected categories on a static Page in Genesis. For each […]
Full width banner image on select singular pages in Genesis using ACF
A user wrote I followed this tutorial https://sridharkatakam.com/display-featured-image-header-relocate-titles-single-pages-cpt-genesis/ … However I also need the same layout for some of the other pages (NOT all pages and NOT the home page) We can use Advanced Custom Fields to add a custom “Show Banner Image?” checkbox in the page/post/CPT editor in the backend, which when ticked will […]
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, […]
Collapsible widget area in Genesis
In a simple website that I finished working on today, I have set up a custom widget area called “Essential Info” populated with three text widgets appearing in columns (using Flexbox) displayed above the site header. Clicking/tapping on a CLOSE button at the top right of the browser window will collapse (slide toggle) the widget […]
Full width featured image header with page title overlay on landing pages in Genesis
In the members-only forum a user asked: Hi Sridhar! I’m hoping to the featured image show up full width, with the page title overlayed but in Landing pages ONLY. I found this tutorial (https://sridharkatakam.com/display-page-title-full-width-featured-image-genesis/) but this one is for *all* pages and I need this on landing pages only. I’ve got it *almost* working expect […]
How to display unique Soliloquy sliders on Pages in Genesis
A user asked: How can I add unique Soliloquy sliders to my secondary pages, but have them just above genesis_before_content_sidebar_wrap like shown on the front page of my site? Page specific sliders can be easily added using Soliloquy’s Dynamic Addon. This tutorial covers the details of setting up unique full width sliders on individual Pages […]
Recent Comments