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

WP SITES

2665

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

Digital Pro – Replace Front Page Widget Background Image With Slider

This tutorial enables you to add a slideshow of images to the background of any widget area using backstretch. Backstretch will dynamically resize your images to fit the entire widget background as the window size changes.

Note : This solution works for adding a slideshow to any widget background in any Genesis child theme.

You can use the code in this tutorial in any theme which already includes backstretch or add backstretch to any child theme which doesn’t.

Here’s the demo showing front page 1 widget background images fading in and out on the Digital Pro child theme by StudioPress.

To add the slideshow to any widget area simply change the widget i.d in the code from front-page-1 to the i.d of your widget.

Here’s the code for logged in members:

Register for full access

Digital Pro Theme Slider

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems