Swiper is a free mobile touch slider with hardware accelerated transitions and amazing native behavior. I have switched from Owl and SlickJS to Swiper for custom jQuery sliders and carousels. This members-only tutorial provides the steps to apply Swiper on Genesis Featured Posts. We are going to register a `home-featured` widget area. output `home-featured` widget […]
Genesis
How to fix Home Sections’ Background Image Problem on iPad Pro in Parallax Pro
Parallax Pro‘s (tested in v1.3.3) parallax sections on the homepage have a cover background image for Home Sections 1, 3 and 5. These background images appear blown up or zoomed in on iPad Pro in Landscape orientation due to background-attachment: fixed in the CSS. To fix this problem, add the following below the existing media […]
Video Background for Home Section 1 in Parallax Pro
This tutorial provides the steps to set up a video background for first parallax section on Parallax Pro‘s homepage. Step 1 Install and activate Video Background plugin. Step 2 Create a new Page titled say, Home. In the “Video Background” meta box, set Container as .home-section-1. Upload/select your desired video file in mp4 and webm […]
How to remove the featured image entry background and gravatar on single posts in Ambiance Pro
This tutorial provides the steps to get rid of the entry background section (which shows the featured image) and gravatar on single posts in Ambiance Pro. Before: After: Tested in Ambiance Pro 1.1.1. Step 1 Edit functions.php. a) Around L25 change if ( is_singular( array( ‘post’, ‘page’ ) ) && has_post_thumbnail() ) { to if […]
Google Fonts Selector in the Customizer in Genesis
This tutorial provides the steps to implement gist.github.com/purzlbaum/afa41255afee372128e6 in Genesis so users can select font family for headings and body fonts in the Customizer. While the tutorial has been written for Genesis Sample 2.6.0, it should work with a few adjustments in any Genesis theme. Step 1 Genesis Sample loads Source Sans Pro in a […]
Full-width YouTube video below the header in Outfitter Pro
This tutorial provides the steps to display a YouTube video in between the site header and product masonry grid on Outfitter Pro‘s homepage. Tested in Outfitter Pro 1.0.2. Step 1 Let’s register our custom front page featured widget area. Edit Outfitter Pro’s functions.php. Above genesis_register_sidebar( array( ‘id’ => ‘front-page-1’, ‘name’ => __( ‘Front Page 1’, […]
Genesis Featured Posts in Executive Pro’s Home Middle section in columns
This tutorial provides the steps to display posts output by Genesis – Featured Posts widget inside Home – Middle widget area in columns in Executive Pro. Executive Pro’s homepage, as per the theme demo and setup instructions is set to show three different Genesis – Featured Page widgets side-by-side in columns. If you wish to […]
Featured Front Page Section in Outfitter Pro
In the Tutorial Requests Trello board, a user wrote: Outfitter Pro Tut Request: #1 How to add a full background image like Altitude Pro above front page store in Outfitter. #2 Also, how to add full video section above store in front page of Outfitter Pro, to embed YouTube videos. Thanks! This members-only tutorial provides […]
How to add a widget area above footer widgets’ wrap in Genesis
This members-only tutorial is based on 3 Methods to Add a Title for Footer Widgets in Genesis and shows how to register a custom footer-wide widget area and output its contents (widgets) above the .wrap inside div.footer-widgets in Genesis. Step 1 Let’s register our custom widget area by adding the following in child theme’s functions.php: […]
How to limit the site header to content width in Genesis
A user asked: I have a doubt. I am not a coder but I am trying to work with Genesis child themes. I am trying to find out how to keep site title or logo aligned with the content area like in your own blog. In genesis sample the site title always stands at the […]
Recent Comments