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

WP SITES

2662

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

Replace Hero Image With Soliloquy Slider In Essence Pro Hero Section

This solution replaces the hero image on the front page of the Essence Pro child theme by StudioPress. It only replaces the image on desktops and displays the image at the same screen width when the mobile menu displays.

Demo Video #

Shows the slider replacing the background image in the hero section on desktops and the default image shown on smaller screens when the mobile menu displays.

Assumes no image added to customize > Essence Pro Settings > Header Background Image.

The solution in this tutorial uses the Soliloquy plugin with backstretch unlike this solution which uses a plugin only.

Code Installation #

There’s 4 steps needed to install the code located inside the download folder :

Step 1 – Upload the folder named hero-slider to the Essence Pro themes root directory like this :

Register or login to access the download folder :

Register for full access

Related Tutorials

  • Replace Hero Image With Soliloquy Slider Premium In Essence Pro Hero Section
  • Replace Essence Pro Hero Image With Slider

Essence Pro Theme Slider

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems