In the Genesis Facebook group Amanda asks, Any genesis tutorials out there for an entry pagination that appears upon scroll to the right and left of the page like this: https://mixandmatchmama.com/2017/11/rainy-day-closet/ but maybe halfway down the page instead of up at top? Just wondering if a ‘on-scroll’ javascript could be tied to Sridhar’s tutorial https://sridharkatakam.com/adjacent-entry-navigation…/ […]
Search Results for: youtube
Infinite Scroll + Masonry in Genesis
In one of my earlier tutorials, I showed how to set up a button to load more posts on the same page using Infinite Scroll in Genesis. In this article, we are going to take it one step further and use Isotope script (from the same author, Desandro aka Metafizzy) to set up the posts […]
Parallax featured image below header in Genesis
In the comments section of Featured Parallax Section on Singular pages in Genesis, a user asked: Hi Sridhar I sit possible for this to function without the ACF plugin? I don’t need the text area. You have other full width header image tutorials where ACF is not needed. Many thanks This tutorial provides the steps […]
Ken Burns effect for Front Page 1 image in Infinity Pro
In my tutorial requests Trello board, a user asks: How would you add the Ken Burns Effect to the front-page1 background image in infinity pro and keep it responsive? The Ken Burns effect is a type of panning and zooming effect used in video production from still imagery. We can create a custom animation using […]
How to set up a button to load more posts on the same page using Infinite Scroll in Genesis
This tutorial provides the steps to use Metafizzy/Desandro’s Infinite Scroll Javascript in Genesis to replace the standard pagination on the Posts page and archives with a “Load more posts” button which when clicked loads the next set of posts below the existing ones and so on. We are going to create a `content-archive.php` template part […]
Custom slider showing featured posts and featured events in Genesis
In Genesis Facebook group, a user asked: Genesis Responsive Slider: I currently have a “featured” category that populates the slider. We use Modern Tribe Events on the website. I would like to create an event category called “Featured Events” and have those also included in the slider. Any insight on how to marry both of […]
Responsive menu inside an off-canvas side menu using Slideout.js in Genesis
Updated on June 12, 2018 In one of my earlier tutorials, I wrote about Slideout in Genesis where the off-canvas side menu was set to show the widgets placed in a custom widget area. In this article, we shall move the mobile responsive menu which appears after clicking/tapping the hamburger menu icon (from 959px and […]
Header with white background + Image & text in Front Page 1 section of Showcase Pro
In the comments section of How to set up a Welcome section with Image at left and a Text widget on right in Genesis, a user asked: I’d much prefer this setup in Showcase than the default background image with one widget. Have you provided a tutorial for this kind of thing in Showcase? Now […]
Off-canvas side menu in Genesis using Slideout.js
Update on January 12, 2020: Follow the updated tutorial here instead. Slideout.js is a touch slideout navigation menu for mobile web apps. In this tutorial, I share the steps to display a hamburger menu icon at smaller widths which when clicked/tapped will slide out the widgets placed in a widget area from the side of […]
Custom Home Featured widget area using Flexible Posts Widget in Genesis
A user asked via email: Hi Sridharkatam, I have a question for you. Do you know if is possible make in Genesis themes this…? http://preview.themeforest.net/item/the-rex-wordpress-magazine-and-blog-theme/full_screen_preview/13155569 This is overlay the day in the thumbnail picture. I need this efect but I don´t know if this is possible. Do you have a manual about this? I want […]
Recent Comments