Updated on February 01, 2016 In this article I share one way in which h1.entry-title can be removed from its default location inside .site-inner and moved to below header in Genesis on single entries and static Pages. The code also takes care of displaying and relocating headline and/or description (if present) on category, tag, taxonomy […]
Premium Content
How to apply Parallax effect from Parallax Pro in any Genesis theme
Update on October 02, 2016: It is recommended to follow https://sridharkatakam.com/parallax-scrolling-effect-genesis-using-parallax-js/ instead. Want to apply the Parallax effects of Parallax Pro in other Genesis child themes? In this article we shall register two widget areas, Parallax Section Below Header and Parallax Section Above Footer hook these widget areas into genesis_after_header and genesis_before_footer locations respectively specify […]
How to fade in last sidebar widget as it is scrolled to and make it fixed in Genesis
Andrea asked, @srikat Any chance of a tutorial? Client wants bottom sidebar widget to fade in and stick like on Pat Flynn’s blog: http://t.co/5leVweR1zI— Andrea Whitmer (@awhitmer83) January 30, 2014 In this post I am going to share a way of doing this using Waypoints, Animate.CSS and StickyJS. Here’s the overall flow: Opacity of the […]
Making YouTube videos responsive when using Dynamik
On a website I am currently working on the active theme is Dynamik, a commercial child theme for Genesis. There’s a YouTube video in the content on homepage inserted via the WordPress oEmbed that automatically inserts the player by detecting video URL in the following format: http://www.youtube.com/watch?v=4EErMxbKhLM The video is not responsive at smaller widths […]
A to Z filterable glossary in WordPress using Types & Views
Updated on February 18, 2016 Recently I worked on setting up an alphabetical glossary in a client site and want to share how I used Types, Views (commercial plugin) and Isotope to do the following in this article. Screenshot: Screencast: Summary Using Types we will add a) Glossary Term Custom Post Type and b) Glossary […]
How to add double border around the container in Focus Pro
To view the full content, please sign up for the membership. Already a member? Log in below or here.
How to add an image below header in eleven40 Pro
To view the full content, please sign up for the membership. Already a member? Log in below or here.
How to add a wide header in Agency Pro
To view the full content, please sign up for the membership. Already a member? Log in below or here.
Using Waypoints Sticky Elements to fix elements to top of page upon scrolling in WordPress
In the past I showed elements like header and navigation can be made to stick to top of page when the user scrolls past using jQuery script and jQuery.Pin. In this article I show how jQuery Waypoints Sticky Elements shortcut can be used to do the same. Upload waypoints.min.js and waypoints-sticky.min.js to child theme directory/js. […]
How to replace Header Right widget area conditionally in Genesis
In Genesis, widgets placed in the built-in Header Right widget area will appear through out the site. What if you wanted to use a different custom widget area in this location on selected views? In this tutorial I share the code to make the contents of a custom ‘Header Right Inner’ widget area appear in […]
Recent Comments