Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress

Brandon Brigham
Brandon Brigham
3,716 Points
Posted by Brandon Brigham
Brandon Brigham
3,716 Points

Changing Z-Index of Slides in Revolution Slider in comparison to Static Slide

Hello,

If you visit the site I'm working on and go to this page:

http://thechasedesign.com/axrtek/?page_id=6

At the bottom you will see a revolution slider with an iphone image and it is behind the background image. I need this iphone image to be in front of the background image....

I am using the Revolution Slider for WordPress and the background image is a Static Slide. I plan to make more slides whereby the image where the iphone currently is will change.

Any ideas?

Thanks!

1 Answer

Zac Gordon
STAFF
Zac Gordon
Treehouse Guest Teacher
Zac Gordon
Zac Gordon
Treehouse Guest Teacher

It looks like that is a layer that was added in revolution slider and isn't actually a background image. You should maybe try applying the image via CSS as the background image of the slider area.

Brandon Brigham
Brandon Brigham
3,716 Points
Brandon Brigham
Brandon Brigham
3,716 Points

Hey Zac,

Thanks for responding. So you're saying I should get rid of the Static Layer and just add the image as a background image to each slider?

I've tried that but the transition between each slide isn't as smooth as if you use the Static Layer as the background.

Do you understand what I'm saying?