• 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.

Unlink All Archive Links For Each Entry On Per Post Basis

This archive template enables you to unlink all post links on a per post basis. By default, all links are disabled including links for your

Custom Fields Entry Meta Essence Pro Theme Featured Image

Essence Pro Fixed Header

The solution in this download folder enables you to make the site header in your Essence Pro theme sticky. To do this, the color of the

After Header Image Essence Pro Theme Header Image

How To Modify The Responsive Menu Text In Genesis

This simple solution enables you to change the name of the responsive menu from the default text which is MENU to something else. All you

Essence Pro Theme Nav Menu

Add Header Right Widget For Social Icons To Essence Pro

This download folder includes the code which adds a widget area to the header right position. In this case, we add the Simple Social Icons

Essence Pro Theme Grid Columns Simple Social Icons

Remove Featured Image From Hero Header Not Archives In Essence Pro

This download folder contains the modified file which enables you to remove the featured image which displays in the header hero position

Custom Fields Essence Pro Theme Featured Image

Essence Pro Logo Menu Search Perfectly Inline

This CSS enables you to display your logo, menu & search form inline like this : You can also display the header elements in any

Custom Logo Essence Pro Theme Grid Columns Nav Menu Search

Category Archive Entries In Equal Height Columns

The template in this download folder display your posts in a perfect 3 column grid regardless of title length and featured image height like

Essence Pro Theme Grid Columns

Menu Logo Menu In Essence Pro

This solution enables you to modify the default Essence Pro site header elements to display a menu logo menu like this : Centers either

Custom Logo Essence Pro Theme Gutenberg Nav Menu

Category Archive Posts In 3 Columns Essence Pro

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

Essence Pro Theme Grid Columns

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

Essence Pro Theme

Align Logo Left With Menu Right In Essence Pro

This tutorial shows you how to reposition the primary nav menu to the right inline with the custom logo on the left using the Essence Pro

Custom Logo Essence Pro Theme Nav Menu

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

Blog Page Essence Pro Theme

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

Customizer Essence Pro Theme Video

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

Customizer Essence Pro Theme

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

Blog Page Essence Pro Theme Grid Columns

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 :

Blog Page Essence Pro Theme

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

Custom Post Type Essence Pro Theme

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

Essence Pro Theme WooCommerce

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,

Essence Pro Theme Header Image

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 Theme Header Image

  • Go to page 1
  • Go to page 2
  • Go to Next Page »

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