This tutorial for beginners provides the PHP and CSS code which creates a widget over a full screen width image.
The code adds the image after the header and nav menu however you could change this simply by changing the genesis_after_header hook.
Here’s what the code produces on the front page only:
- Here’s the HTML for button which you can paste into a text widget.
- The code also includes PHP which goes at the end of your child themes functions.php file.
- And CSS for your style sheet.
Related Tutorials
- Title Over Full Width Featured Image
- Add Background Image to Widget Via Customize
- Display Widget Text Content Over Image In Genesis
- Add Call To Action Widget In Any StudioPress Theme
Thanks for sharing, Brad. This looks very useful as a CTA. How would you use this for individual pages and posts instead? A Display Widgets plugin can easily be used on individual text widgets, but what about any modifications to the code in style.css or functions.php?
Doesn’t get any easier as this is a very simple example.
I’ve also linked to another method in the related tutorials.
You can change the conditional tag in the code