• 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

Altitude Pro – Add Image Background To All Front Page Widgets

The Altitude Pro child theme by StudioPress includes 7 front page widget areas. 1,3,5 & 7 are image sections where you can add background images to each widget area using the WordPress customizer. Widgets 2,4 & 6 use the solid-section class for the widget background meaning there’s no image background.

This tutorial provides the steps which enable you to add background images to front page widgets 2,4 & 6 so they behave in the same way as widgets 1,3,5 & 7. This way you can add background images via the customizer to widgets 2,4 & 6.

The solution involves 4 simple steps which also include CSS for Media Queries so all your front page widgets look the same on smaller screens.

Here’s the demo video showing the default front page setup and what the modification produces.

Here’s the instructions and code for logged in members:

Register for full access

Altitude Pro Theme

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