This download folder the code which displays your featured image, or a default.jpg image when none added, after the header in the Genesis
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.
Imagely – Overlay Entry Title On Full Width After Header Featured Image At Any Screen Width
This download contains a template you select to display your featured image or default.jpg image after the header on single pages and single
Different Background Image On Mobiles – Agency Pro
This solution provides code which enables you to use a different background image at any screen width. This way you can add a different
Add Existing Background Image To Existing Widget Area – Workstation Pro Front Page
This tutorial enables you to use existing background images as the background to existing widget areas. In this case, we'll use the
Slider Behind Site Header & Home Featured Widget In AgentPress Pro
This solution replaces the background image which that displays behind the site header and home featured widget area with a slider. The
Different Image On Mobile Orientation Change
The solution in this download folder enables you to remove the default desktop background image and replace it with a different image for
Change Backstretch Background Image When Mobile – AgentPress Pro
This download contains the code which enables AgentPress Pro theme owners to use a special image on mobile screens. The mobile image
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
Essence Pro – Add Background Image To Footer CTA Widget
This code adds a full width background image to the Essence Pro themes Footer CTA widget area like this : The image is added via
Essence Pro – 2 Ways To Change The Category Background Image For The Hero Section On Specific Archives
Both solutions in this tutorial enable you to change the background image for the hero section on any category archive page. As seen in
How To Replace Images On Mobile Screens Only
This download includes the code which enables you to display a different background image for any widget area on mobiles. In this case, you
Minimum Pro Add Text Widget To Overlay Backstretch Image
The solution in this tutorial enables you to add a new widget area named Home Image Text Overlay which floats the HTML you add to a text
Add Background Image To Landing Page Template Only
This solution enables you to add a background image to 1 specific page template without using the built in background image function which
2 Full Page Background Image Templates For Genesis
This tutorial written for a member provides 2 solutions which enable you to add a full width, full height background image to a custom
Checkbox For Styling Pages Differently
The code in this tutorial for members enables you to select a checkbox to style any single post or page based on your checkbox