Background Image Tutorials

The tutorials in this archive relate to usage and modification of background images in Genesis child themes. You'll find code which helps you add/modify and customize default & custom background images. You'll also find more tutorials relating to background images which aren't tagged with layout by using the search widget in the sidebar. All code as well as support for PHP code is guaranteed for members.

Infinity Pro – Code To Change Front Page 1 Image On Mobiles

This solution provides a similar solution to the code in this tutorial however uses a different method to replace the background image on

Infinity Pro – Different Front Page 1 Background Image For Mobiles

This solution enables you to change the Front Page 1 background image on mobiles. In this case, the code executes at 600px width removing

Infinity Pro – Add Image Overlay To Front Page 1 Widget Background

This solution enables you to add a color overlay to the front page 1 background image in the Infinity Pro child theme by

Float Gravity Forms Over Front Page 1 Background Image In Infinity Pro

This tutorial floats the Gravity Forms widget to the right of the hero text in the Infinity Pro themes front page 1 background

Overlay Gravity Forms On Backstretch Widget Background Image

This solution overlays a gravity forms widget on the front page 1 widget area in Digital Pro like this : The code produces a

Add Background Image To Widget Area Using CSS

This CSS enables you to add a background image to any widget area in any theme. In this case the image has been uploaded to the WordPress