the image you have on the frontpage of the NO8 theme
is floating on top of the blue background.

My question: is it possible to add a layer ON top of that image?
So you get an even more dynamic effect when scrolling down?

For example: I have a image that is floating on top of the background.
Can I make other elements float on top or behind that image?

Thank you.

Laurens.

Unfortunately this will involve adding some custom HTML and JS code to make it happen. The theme itself can handle only one dynamic background content. You will have to play with the position, z-index and scrolling of the mentioned element.

All elements have “CSS Class” fields under “Advanced Global Attributes” so you can use that to attach a classname and position the “layer” absolutely then us JavaScript to apply parallax to it.

The parallax for the background is defined here:
wp-content/themes/no8/assets/frontend/js/main.js

In the “activate_dynamic_parallax” function on line 1379 it is basically one call:

$div.parallax( $dataAmount, $dataScroll, true, $dur, $eas );

We use the jQuery Parallax plugin so you can read more about all the parameters – https://www.ianlunn.co.uk/plugins/jquery-parallax/

Hope this helps you get the desired result.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market