Update on March 27, 2020: Added a functionality plugin for this in case you prefer not editing the child theme files. This members-only premium tutorial provides the steps to be able to associate an image for taxonomies in your WordPress site and if present, show it as the header hero background image in Essence Pro. […]
Search Results for: hero
Specific Category Hero Images in Essence Pro
Sri, I am working with Essence Pro right and love the fact that you can rotate the Hero Header Backgrounds BUT on Categories, I would rather have specific backgrounds for said category. Is there any way to accomplish this? Thanks, much
How to remove the background gradient for header hero in Essence Pro
Header Hero section of Essence Pro has a dark gradient on top of the image so that text is readable. Before: If you are looking to remove this gradient possibly because you want to use your own “dark” background image simply edit /wp-content/themes/essence-pro/lib/header-functions.php and change to After:
Home Hero Overlay with Shrinking Site Header in Genesis
This members-only tutorial provides the steps to add a hero section on the homepage with a transparent site header overlay with the header and logo shrinking when scrolling down. We shall register home-hero widget area set transparent background for the site header set hero image as background covering both the site header and hero section […]
Essence Pro Header Hero Background Images
Hi Sridhar, How do I remove the background image from the Essence Pro Header Hero area below 860px? I Tried this CSS with no success… @media only screen and (max-width: 860px) { .header-hero { background-image: none !important!; } } Any ideas? Thanks!
How to add Parallax effect to Header Hero in Essence Pro
Updated on 26 May 2022 This tutorial provides the steps to load Jarallax javascript and apply it on Header Hero in Essence Pro for parallax scrolling effect on the header hero image. Tested in Essence Pro 1.5.1. Step 1 Upload jarallax.min.js to Essence Pro’s js directory. Step 2 Edit functions.php. a) Inside essence_enqueue_scripts_styles(), above wp_enqueue_script( […]
Soliloquy slider to replace hero video in Business Pro theme
Hi! I see you have done some tutorials for other themes like Showcase Pro to replace the hero video with a Soliloquy slider. I would like to do the same thing with the Business Pro theme. Could you please provide a tutorial for that customization? Thank you!
Unique full width hero images on archive pages with headline and intro text overlay in Genesis
This tutorial provides the steps to set up different full-width images below the site header for different category, tag and custom taxonomy term pages in Genesis. We shall use WP Term Images plugin to setup image for individual category, tag, and custom taxonomy terms. A placeholder image will be set to be shown for terms […]
Full-width hero image on category / tag / taxonomy archive pages in Genesis
In the comments section of Full-width hero image on category archive pages in Genesis, the user commented, Hi Sridhar! Thank you SO MUCH for creating this tutorial less than 24 hours after I asked about it! You are incredible. So I have a new wrinkle for you, what would the code look like if I […]
Full-width hero image on category archive pages in Genesis
This tutorial provides the steps to display full-width category-specific image (if set) below the header on category archive pages in Genesis. While the tutorial has been written for Genesis Sample, it should work with a few adjustments in any Genesis theme. Step 1 Install and activate WP Term Images plugin. Step 2 Edit categories and […]
Recent Comments