Add scrolling parallax picture

First off, I LOVE this template. This made renewing my membership worth it.

I would like to add a parallax scrolling picture in the white space behind "Directory"

I am not 100% sure how parallax works, I understand the concept, and I see it is already utilized on the site for the slider.

Can we make this happen??

http://stpeteartsalliance.org/final/

THANKS!

Craig

Hi,

In this case you have to just put the background-image with your image for #gkBottom1-1 and use:

Code: Select all

background-attachment: fixed;

Thanks. I set the background image for the module but it only sets the image for a small area in the center of the module (around the contents of the module position). I want to cover the whole area, as suffix "greybg" does.

Additionally, I put the code into the override file but the picture still scrolls with the site. Yes, my override is ON.

Please use !important in the all CSS properties, additionally you can add:

Code: Select all

background-size: cover;

Seems to not be working. Hmm...

Please send me an PM message with your FTP access and the website URL, please also write which image should be placed as a background image - then tommorow I'll implement this feature.

Sent. I look forward to your support! Thank you!!

I've added all my changes at the end of the css/template.css file, additionally I've added small fix in the js/gk.scripts.js file which will be included in the nearest update.

I've added the backgrounds and I've also adjusted the color of the modules to these backgrounds (grey text looked bad over the background-image).

You just made my day! Thank you so much!

I knew the grey and black would look bad, I was already planning on changing it. You saved me 10 minutes!

I really appreciate your assistance!