• 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

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 post type.

With Header Hero
Without Header Hero

You can use basic CSS in your style sheet to do this :

.header-hero {
    background-image: none!important;
}

Or, you can add a box like this :

Demo Video

Shows the custom field add to the Edit Post & Page screens enabling the logged in user to remove the header hero image on a per post & page basis.

Tested using the Essence Pro child theme by StudioPress.

Installation Steps

  1. # Upload the files named remove-hero-form.php and remove-hero-functions.php to your Essence Pro theme folder like this :
  2.  

  3. # Copy & paste the PHP code ( without the opening PHP tag ) from the functions.php file to the end of your Essence Pro themes functions.php file.
  4.  

You can then enable the box to remove the image from your screen options menu like.

Download Folder

Related Tutorials

  • Remove Featured Image From Hero Header Not Archives In Essence Pro

Custom Fields Essence Pro Theme Meta Box

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

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.