When the background logo is replaced with HTML image element per my earlier article, the same image is going to appear on every device. What if you want to swap it with a high res version on retina devices? In this article I show how Foundation’s Interchange can be loaded in WordPress and used to […]
Featured
[Video] Re-creating Parallax Pro’s homepage using Beaver Builder
Beaver Builder is a commercial drag and drop page builder for WordPress. I recorded my screen as I tested it in a site where Parallax Pro is active to re-create the homepage in an inner page. Beaver makes it really easy to create multiple sections of content (fixed and full width) with image or Parallax […]
How to use an inline logo instead of a background image in Genesis
Latest update: Follow https://sridharkatakam.com/inline-logo-in-genesis/ instead. Updated on October 18, 2015. The standard method for displaying logos in Genesis is by adding theme support for custom header like this: (code from Executive Pro’s functions.php) What if you want to display the logo as a normal HTML image element instead? In this article I show how genesis_seo_title […]
FacetWP in Genesis
FacetWP is a commercial plugin that lets you easily create filters (checkboxes, radio buttons, dropdowns etc.) for filtering content in WordPress sites. In this article I explain how FacetWP can be set up in Genesis. Also included is a screencast walkthrough showing an example to filter entries on a CPT archive page by custom taxonomies. […]
Portfolio in Genesis with Featured Images in a Grid revealing Title and Excerpt on Hover
In this article I share how Portfolio Post Type can be set up in Genesis such that each Portfolio entry’s featured image (linking to corresponding entry) will be shown in columns on the Portfolio archive page. When a featured image is hovered, we shall reduce its opacity to reveal the entry’s Title and Excerpt similar […]
Displaying Posts organized by Categories in WordPress
Below is the code that loops through each non-empty category in WordPress that has at least 1 published post and displays an unordered list of 3 latest posts’ titles linking to their permalinks with a link to the category archive page below the list. To view the full content, please sign up for the membership. […]
How to set Featured Image as Header’s background using Backstretch in Genesis
In this article I share the code to set Featured image as background for Header using Backstretch in Genesis. This way each Post and Page can have different Header (background) images. Summary: If a Page/Post/CPT entry has a Featured Image attached, use it as a background image for the Header. For Page/Post/CPT entry that does […]
How to display Posts organized by category as Data Tables in Genesis
Recently I finished custom work for a gentleman that involved creating a Page Template in Genesis that shows Posts in tabular format grouped by their categories with sorting and search options available in the front-end. Full page screenshot. Requirements: Displays Posts from each category organized by category with the categories in ascending order. Within each […]
Scroll Animations in WordPress using Smoove
In the past I wrote several tutorials on scroll animations Genesis/WordPress: Scroll animations in WordPress using WOW.js Adding scroll animations in Parallax Pro Using ScrollReveal.js to fade in posts in Genesis Scroll animations in WordPress using Animate.css, Jack In The Box and Waypoints Using Waypoints jQuery to animate and fade in elements as they are […]
How to add ‘inner’ body class to all inner pages in WordPress
WordPress automatically adds ‘home’ class to ‘body’ element for the site’s homepage/front page. Wouldn’t it be handier to have a ‘inner’ body class for all the other pages? This can be done by adding the following in child theme’s functions.php:
Recent Comments