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

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • 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.

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

Custom Logo Essence Pro Theme

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

Essence Pro Theme

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

Essence Pro Theme Slider

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

Essence Pro Theme Gutenberg Slider

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

Essence Pro Theme Gutenberg Reusable Blocks

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 Theme Genesis Blocks Gutenberg Reusable Blocks

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

Essence Pro Theme

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

Custom Fields Essence Pro Theme

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

Custom Fields Essence Pro Theme Meta Box

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

Custom Fields Essence Pro Theme

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

CSS Grid Columns Essence Pro Theme 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

CSS Grid Columns Custom Logo Essence Pro Theme 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

CSS Grid Columns Essence Pro Theme

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

CSS Grid Columns Essence Pro Theme

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

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

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.