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

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

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

Search

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.