In the past, I wrote an article on displaying social media links after title in Genesis Author Box using custom user profile fields. Today we will extend it by linking the gravatar image to author archive page linking the author name to author archive page displaying the social media links (whatever have been filled out […]
Featured
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 […]
FacetWP + WooCommerce in Genesis
Looking to implement FacetWP on WooCommerce archives like the main Shop page in Genesis? Here are some tips and pointers that you may find useful. To set up Product Categories filter in a widget, first create your facet. Do not forget to press the Re-index button. To display the facet on the front end, place […]
Custom Posts Slider in Genesis using Flexible Posts Widget and lightSlider
In the members-only forum, a user asked: I would like to pull post-meta info below the post title of the Genesis Responsive Slider so that it looks similar to this: http://picpaste.com/ET_-_redesigned_homepage-isbAUeRF.jpg Ideally Iād like to specify the Advance Custom Fields data as I have customized the post-meta to include that but I can probably hide […]
AniJS in Genesis
AniJS is a Javascript library to easily add animations to elements on webpages by setting the value of data-anijs data attribute using the following syntax: if an event occurs on this element do an action/animation to this element In this tutorial, I share the steps for loading this library and using it in Genesis. We […]
How to implement Monochrome Pro’s Header Search in any Genesis theme
Monochrome Pro has code for adding magnifying glass icon at the end of primary nav menu items which when clicked, displays a wide search form covering the full header. I have published a tutorial that does this in Full width search form on top of header in Genesis tutorial in the past. In this tutorial, […]
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 […]
Title hero section in Genesis with rotating background images using Featured Galleries and Backstretch
I have written a few tutorials on sending the Soliloquy slider images on to Backstretch for rotating the background images of sections. Yesterday I found out that it is better and easier to use Featured Galleries instead of Soliloquy for the same. We can set singular pages of various post types to have their own […]
Filtering with click to Load more using Ajax Load More in Genesis
Ajax Load More is a useful WordPress plugin for automatically loading the next page of posts upon scrolling or manually by a button click. It also supports simple filtering (not faceted). In this tutorial, I provide the steps to set up (on a static Page) a grid of posts that belong to 3 specific categories […]
How to set up Flexible Widgets in any Genesis child theme
Updated on May 24, 2018 with code based from Essence Pro. Certain Genesis child themes from StudioPress like Essence Pro have the Flexible Widgets feature wherein the widgets placed in widget areas automatically get arranged in different layouts on the frontend depending on the number of widgets in the widget area. In this article, I […]
Recent Comments