Template To Show Hero Image Behind Search Results Page Title in Genesis

This template shows a image behind the search results page title in Genesis like this :

Hero Image Behind Search Results Page Title

Demo Video #

Shows the image named search.jpg uploaded to the child themes images folder displaying behind the search results page title.

Tested using the Genesis Sample child theme by StudioPress however will work in any Genesis child theme.

Installation Steps

There’s 2 steps :

# Step 1 : Upload the search.js, search.php & style-search.css files to your child themes root directory like this :

Child Theme Folder

# Step 2 : Upload your hero image named search.jpg to your child themes images folder like this :

Child Themes Images Folder

You can then use the search box to type in your search query which will display the search results page as seen in the demo video.

Download Folder

Was This Tutorial Helpful?

Free

$0

Access only to all free tutorials per month.



Monthly

$75

Access to 10 premium tutorials per month.


Tutorial Request


Includes code guarantee and coding support.

Yearly

$500

Access to 15 premium tutorials per month.


Monthly Tutorial Request


Includes code guarantee and priority coding support.