This tutorial provides the steps to add icons above navigation menu’s labels and to set up any menu of your choice to appear (fade into view) fixed/sticky at the top of the screen when scrolling down in Genesis. When scrolled all the way to the top, the sticky menu will fade out. The sticky menu […]
How to replace Front Page 1 section’s image with a Video in Author Pro
This tutorial provides the steps to replace the image in Front Page 1 widget area with a video in Author Pro. We shall set the video to autoplay in a loop on desktops. On tablets and mobiles, the video will play on click. Step 1 Upload your video in mp4, ogv and webm formats and […]
How to overlay Title, Post Info and Excerpt on Featured Image in a Genesis Featured Posts Grid
Updated on July 27, 2020 This tutorial provides the steps to customize the output of Genesis Featured Posts using the Custom Genesis Featured Posts Widget plugin and add the CSS to display entries in a 3-column grid. The title, post info and excerpt (content limit, to be specific) are set to be overlayed on top […]
Checkered story header in Genesis
In GenesisWP Slack a user asked how a full-screen story header similar to the one in nytimes can be set up in Genesis. The idea is to show date, title, subtitle and byline in the story meta section on the left and featured image on the right. This tutorial provides the steps to checkered story […]
How to overlay transparent header and nav on Front Page 1 section in Wellness Pro
In my tutorial requests Trello board, a user asked: Hello Sridhar! Will any of your tutorials on how to extend a front-page-1 widget to the top of the page work with Wellness Pro so that the header / title and navigation is superimposed on the image? Thanks This tutorial provides the steps to wrap site […]
[Functionality Theme] Shrinking Sticky Header with Split Navigation
Split Navigation with menu items on logo’s left and right in Genesis tutorial is now available as a functionality theme. Get it here.
[Functionality Theme] Masonry in Genesis
Masonry in Genesis tutorial is now available as a functionality theme. Get it here.
How to setup sticky elements on scroll in WordPress using Stickybits
In the past, I’ve written about using Sticky-Kit to stick elements as they are scrolled past. In this tutorial I show how Stickybits can be used for the same, specifically to make the primary nav sticky for screen widths > 1023px in Genesis Sample. While the tutorial has been written for Genesis Sample, it should […]
How to overlay Post titles on featured images on single posts in Ambiance Pro
In StudioPress forums a user asked: Could anyone tell me pls how I can move page title on specific pages over these big feature images. Let’s first look into how the titles can be relocated from their default position to over the featured images for ALL posts with featured images in Ambiance Pro. What we […]
How to add Excerpts below Author Byline when using Genesis Author Pro
A user asked: I am using the Genesis Author Pro plugin. I need the Excerpt from the Excerpt meta box to display under the title on the book archive page and also on the single book pages. The templates for single book and books archive pages in the Genesis Author Pro plugin remove all the […]
Recent Comments