This tutorial provides the steps to register four widget areas and display one of these randomly below the second entry on non-singular pages (like posts page, archives) in Genesis using rand() and WordPress’s built-in loop counter. Step 1 Add the following in child theme’s functions.php: To view the full content, please sign up for the […]
Search Results for: youtube
Video Background in Infinity Pro
In Twitter a user asked: @srikat Client loves Infinity Pro-is it possible or is there a tutorial to add a video background on the home page? #GENESIS #WordPress — Sun Coast Web Studio 🇺🇦 (@SunCoast_Web) January 16, 2017 We can easily set up background video for any section in WordPress using the free Video Background […]
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 […]
How to set up a Welcome section with Image at left and a Text widget on right in Genesis
In the Genesis Facebook group, a user wants to know how a welcome/hero section can be set to appear below the header similar to the one at http://www.melyssagriffin.com/. In this tutorial I show how we can register a Welcome widget area and display it below the header in Genesis. We shall write responsive CSS to […]
Adding background images to multiple widget sections via Customizer in Genesis
Updated on May 09, 2018 for Genesis Sample 2.6.0 In my tutorial requests Trello board, a user asked: Would love to see a tutorial on adding background images to multiple widget sections via the customizer–similar to Altitude Pro. (e.g. to front-page-1, front-page-3, front-page-5, etc.) On the Sample theme or any theme. In this article, we […]
Multiple drag-n-drop Hero, Text-Image and Image-Text sections in Digital Pro
In the comments section of Using ACF Pro for multiple drag-n-drop Hero, Text-Image and Image-Text sections in Genesis tutorial, a user wrote: couldn;t get to work on digital pro, wasn’t full width and boxes didn’t appear side by side. This tutorial is a shorter and better implementation to set up a page template in Digital […]
jQuery Counter on scroll using WOW.js in Genesis
In my tutorial requests Trello board, a user asked I want to create a counter using jquery-counter – http://sophilabs.github.io/jquery-counter/ and put it in a footer widget. Can you create a tutorial to install and configure jquery-counter on a Genesis theme? This tutorial provides the steps to trigger jQuery.Counter when the section having the counters is […]
Recent Comments