Genesis 3 - Sridhar Katakam

How to add Background Color option in the Customizer for Header in Essence Pro

December 19, 2018 by Sridhar Katakam Leave a Comment Favorited: 0 times

This members-only tutorial provides the steps to add a color option in the Customizer for Header background in Essence Pro. Tested in Essence Pro 1.1.0. Step 1 Edit lib/customizer/customize.php. Replace $wp_customize->add_section( ‘header_image’, array( ‘title’ => __( ‘Header Background Image’, ‘essence-pro’ ), ‘description’ => sprintf( ‘%1$s%2$s’, __( ‘The default header background image is displayed on the… Continue Reading »

Swiper in Genesis

December 18, 2018 by Sridhar Katakam Leave a Comment Favorited: 4 times

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… Continue Reading »

How to fix Home Sections’ Background Image Problem on iPad Pro in Parallax Pro

December 17, 2018 by Sridhar Katakam Leave a Comment Favorited: 0 times

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… Continue Reading »

Video Background for Home Section 1 in Parallax Pro

December 13, 2018 by Sridhar Katakam 3 Comments Favorited: 3 times

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… Continue Reading »

How to remove the featured image entry background and gravatar on single posts in Ambiance Pro

December 13, 2018 by Sridhar Katakam 1 Comment Favorited: 0 times

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… Continue Reading »

Google Fonts Selector in the Customizer in Genesis

December 13, 2018 by Sridhar Katakam 2 Comments Favorited: 6 times

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… Continue Reading »

Full-width YouTube video below the header in Outfitter Pro

December 13, 2018 by Sridhar Katakam 2 Comments Favorited: 1 times

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’,… Continue Reading »

Genesis Featured Posts in Executive Pro’s Home Middle section in columns

December 13, 2018 by Sridhar Katakam Leave a Comment Favorited: 0 times

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… Continue Reading »

Featured Front Page Section in Outfitter Pro

December 13, 2018 by Sridhar Katakam 2 Comments Favorited: 0 times

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… Continue Reading »

How to add a widget area above footer widgets’ wrap in Genesis

December 13, 2018 by Sridhar Katakam Leave a Comment Favorited: 1 times

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:… Continue Reading »