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.

Random Header Hero Images In Essence Pro

This code modification to the Essence Pro child themes enables you to display random header hero images every time the page loads. Demo

Set Logo Size In Essence Pro Theme

In your Essence Pro child theme folder, go to config > theme-supports.php and set your logo width and height. In this example, 100px X 100px

Different Header Image On Blog Page & Home Page – Essence Pro

Did someone say "Every page and blog post can have a unique header image". Perfect! When it comes to the Essence Pro child theme by

Add Dark Overlay To Slider Images

This tutorial includes a solution which enables you to add a darkened overlay to your slider images. In this case, we use the Soliloquy Lite

Slider In Essence Pro Header Hero – New Version

This tutorial, written for the latest version of Essence Pro, includes the code which enables you to replace the header hero image on the

Aweber Email Form Styled Like Genesis Newsletter Block

This tutorial provides the code which enables you to add your Aweber email signup form in the header hero section on Essence Pro theme front

Add Email Optin Form Block To Hero Header In Essence Pro

By default, the Essence Pro themes front page header hero section displays 2 buttons. In this tutorial, you'll get : A custom reusable

Essence Pro Center Header Elements on Mobiles

Copy & paste this CSS to the end of your Essence Pro themes style.css file to center all header elements on smaller screens. Code not

Open Specific Button Links In a New Window Or Same Window

The PHP code in this download folder enables you to add one or 2 buttons on all single posts & pages without modifying the HTML for each

How to Remove Header Background Image for Essence Pro

This download Folder contains the code which enables you to remove the Essence Pro themes header hero image on any single post, page or

Add Buttons With Custom Text & URLs After Essence Pro Entry Header On Single Pages

This code enables you to add 1 or 2 buttons after the entry title on any single page using different text & button links for each

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

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

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

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