This solution enables you to add a full width of screen image with text overlaying the image using the customizer.
- The image can be added/changed using the Customize > Front Page Hero Image settings.
- A default image named hero.jpg can be added to your child themes images folder.
- The image is displayed after the header on the front page however this can be changed to any/all page(s)
- The text is added using a HTML or text widget in the Front Page Hero widget area.
This code was written for people who don’t want to edit the code or use FTP to upload image files in order.
Demo Video #
The content is added using the Front Page Hero widget area and the image can be added/set or changed using the customizer. Includes responsive text.
Tested using the Genesis Sample child theme by StudioPress. Should work fine in most Genesis child themes without modification.
Code Installation #
There’s 3 steps relating to usage of the files in the download folder :