How to show background image on added home page section in Parallax Pro

[wolfman66]

I have added (in functions.php) an additional 4 widget areas to the homepage in Parallax Pro, being home-section-6 to home-section-9.

In front-page.php I added the following to "function parallax_home_genesis_meta()":

|| is_active_sidebar( 'home-section-6' ) || is_active_sidebar( 'home-section-7' ) || is_active_sidebar( 'home-section-8' ) || is_active_sidebar( 'home-section-9' )

I also added the following to front-page.php.

genesis_widget_area( 'home-section-6', array(
'before' => '<div class="home-even home-section-6 widget-area"><div class="wrap">',
'after' => '</div></div>',
) );

genesis_widget_area( 'home-section-7', array(
'before' => '<div class="home-odd home-section-7 widget-area"><div class="wrap">',
'after' => '</div></div>',
) );

And the same for widget areas 8 & 9.

Then in customize.php I added the following number of arrays:

function parallax_customizer() {

global $wp_customize;

$images = apply_filters( 'parallax_images', array( '1', '3', '5', '7', '9' ) );

In output.php I also edited the following:

$opts = apply_filters( 'parallax_images', array( '1', '3', '5', '7', '9' ) );

I have added the relevant home section classes to the style.css file.

I have altered parallax.js to add the conditional statements for the relevant home sections.

Everything works perfectly - EXCEPT that Parallax is not working on home-section-7 and home-section-9.

Can anyone tell me what I have missed.

Thanks so much in advance.

http://on staging site

[Brad Dalton]

Link to a live site if you need help troubleshooting CSS or jQuery.

---

Tutorials for StudioPress Themes & WooCommerce.

[wolfman66]

This reply has been marked as private.

[wolfman66]

UPDATE: When I inspect the images where parallax is not working, I notice that the style="background-position: 50% -332.5px;" is missing.

[wolfman66]

RESOLVED: Forgot to add cache bust snippet so wasn't seeing immediate changes to stylesheet.

[Author]

Posts