Essence Pro Tutorials

Posts in this archive relate to modification & customization of the Essence Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Essence Pro Category Archive Posts In 3 Columns

By default, the Essence Pro theme displays entries in 2 columns on archive pages. In this download, you'll find the template which enables

Reduce Height of Essence Pro Hero Image Excluding Front Page

This tutorial shows you how to modify the height of the header hero image on all pages excluding the front page. Here's a example showing

Remove Blog Page Title From Essence Pro

This code removes the entry title from the blog page in the Essence Pro child theme. Demo Video # Shows the page title on the blog page

Add Audio or Video Shortcode Via Customizer To Essence Pro Themes Hero Section

This tutorial provides the code which enables you to add a video or audio player in the Hero section of the Essence Pro theme. You can

Add Third Hero Button To Front Page Hero Section in Essence Pro

This tutorial provides the code which adds a third button to the front page hero section in the Essence Pro child theme by

Genesis Blog Page Template With Equal Height Posts In Grid – Essence Pro

The template in this download folder enables you to customize the blog page in any Genesis child theme. In this case, the template is

Genesis Blog Page Template In Columns – Essence Pro

This blog page template, tested using the latest version of Genesis which has removed the default blog template, enables you to :

Make Custom Post Type Archives Look Like Essence Pro Archives

This tutorial contains the code which makes your CPT archive pages look exactly the same as the default archive pages in Essence Pro. The

Make WooCommerce Product Archives Look Like Essence Pro Archives

The solution in this tutorial shows you how to style your WooCommerce product archives like the 2 column archive pages in Essence Pro. In

Remove Image Gradient Conditionally From Essence Pro

This tutorial provides the modified code which enables you to remove the gradient from the header hero image conditionally. In this case,

Replace Default Header Hero With Different Image On Mobiles – Essence Pro

This tutorial provides 2 different ways to change the default header hero image hero-bg.jpg with another image of any size, at any screen

Essence Pro – Custom Hero Header Image On Category & Sub Category Archive Pages

You can use this code to add custom header hero images on any type of archive page. In this case the solution is coded to work on

Essence Pro – Replace Hero Image On Front Page With Revolution Slider

This tutorial provides the code which enables you to replace the header hero image on the front page of the Essence Pro child theme with the

Essence Pro – Add Background Image To Footer CTA Widget

This code adds a full width background image to the Essence Pro themes Footer CTA widget area like this : The image is added via

Replace Hero Image With Soliloquy Slider Premium In Essence Pro Hero Section

This version works with both the free and premium version of Soliloquy slider. It replaces the hero image with the slider on desktops and

Essence Pro – 2 Ways To Change The Category Background Image For The Hero Section On Specific Archives

Both solutions in this tutorial enable you to change the background image for the hero section on any category archive page. As seen in

Replace Hero Image With Soliloquy Slider In Essence Pro Hero Section

This solution replaces the hero image on the front page of the Essence Pro child theme by StudioPress. It only replaces the image on

Remove Essence Footer CTA From WooCommerce Pages

This code removes the Footer CTA widget from WooCommerce pages in the Essence Pro child theme by StudioPress. Code Installation

Apply Parallax To Header Hero On Any Page Type in Essence Pro

If you want to apply the Parallax scrolling effect to the header hero on page types other than the front page, you'll need to make the code