This code modification to the Essence Pro child themes enables you to display random header hero images every time the page loads. Demo
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.
Custom Logo Site Title Image Search Inline Essence Pro
This tutorial enables you to add a custom logo on the left, site title image in the middle and the search form on the right, all inline on
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
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
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
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
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
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
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
You must be logged in to post a comment.