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

WP SITES

2551

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Register
  • Videos
  • Log in

Add Text & Button Over Full Width Image

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:

widget over image

  1. Here’s the HTML for button which you can paste into a text widget.
  2. The code also includes PHP which goes at the end of your child themes functions.php file.
  3. 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

Primary Sidebar

How it works :

I write tutorials for you which include the custom code you need for a flat $49.99 fee. You get 1 tutorial request as well as access to all 2500+ existing tutorials for 1 month.

  • Premium Members Only
  • Access Premium Tutorials
  • Support