• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2665

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Essence Pro Theme 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 – 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

Custom Fields Essence Pro Theme

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 Theme Slider

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

Background Image Essence Pro Theme

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 Theme Gutenberg Slider

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

Background Image Essence Pro Theme

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

Essence Pro Theme Slider

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

Essence Pro Theme WooCommerce

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

Essence Pro Theme

Replace Essence Pro Hero Image With Slider

This solution enables you to replace the hero image with a slide show like you see in the following demo video : Demo Video # Shows the

Essence Pro Theme Slider

Remove Entry Title Over Essence Pro Hero Image

This tutorial provides 2 ways to remove the entry header elements including the entry title & entry meta from Essence Pro. You can

Entry Meta Essence Pro Theme

Remove Blog Page Title In Genesis

Add the following PHP code to the end of your child themes functions file: [code] remove_action( 'genesis_before_loop',

Blog Page Essence Pro Theme

How to add Parallax Scrolling effect to Header Hero in Essence Pro

This tutorial provides 2 different ways to add the parallax effect to the Header Hero on the Essence Pro themes front page. Firstly, here's

Essence Pro Theme Parallax Pro Theme

Replace Site Title With Logo on Smaller Screen Widths

This solution enables you to remove the the site title and replace it with the custom logo at any screen width. #Demo Video Tested

Custom Logo Essence Pro Theme

Essence Pro Add Custom Logo Size

This tutorial shows you how to add a custom logo to the Essence Pro child theme by StudioPress. There's no need to modify the CSS as this

Custom Logo Essence Pro Theme

Add Search With Icon To Mobile Menu In Essence Pro

This tutorial provides the solution which enables you to add the search field with icon to the start of the mobile drop down menu in the

Essence Pro Theme Nav Menu Search

Add Search Form To Mobile Menu in Genesis

This code enables you to add a search form before the primary nav menu items in the mobile menu like this : The download folder for

Essence Pro Theme Nav Menu Search

Essence Pro Menu Logo Menu & Full Page Hero Image

This tutorial provides the solution which produces exactly what you see in the demo image taken from the local installation used to modify

Custom Logo Essence Pro Theme Nav Menu

Essence Pro – Different Header Hero Image On Single Posts & Featured Image on Archives

By default, Essence Pro displays the featured image as the header hero on single posts. This tutorial provides 3 different solutions

Essence Pro Theme

Typewriter Text Effect In Genesis

This solution uses pure CSS to add a typewriter effect to your text. The code enables you to set the speed and number of steps for typing

Animation Essence Pro Theme

Essence Pro Remove Background Gradient From Header Hero Image

This tutorial shows you how to remove the background gradient from the Hero image in the header of the Essence Pro child theme by

Essence Pro Theme

  • « Go to Previous Page
  • Go to page 1
  • Go to page 2

Primary Sidebar

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems