How to set slider as background

Hi Edwin, it depends on what you are trying to do.

You can’t make the whole slideshow a background slideshow, like a fullscreen background slider. It is built to be an inline slideshow, you want to use something that is made specifically for background sliders if you are trying to do something like that.

That other post is referring to making the slide image in each slide container into the background image of that container so that you can add slide content on top of them. Though you can also use absolute positioning for this.

Can you post an example of what exactly it is you would like to build?

Hi Josh,

Thanx for your reply.

Let me explain what I’m trying to achieve:
For this new website, I’m making a banner with the Meteor Slide.
I’d like this banner/slider to stay in place when scrolling down the page, with the content sliding over (and on top of) this banner/slider.
I don’t have an actual example, but it’s a little bit similar to what you see with a parallax effect.
I thought I might be able to create this by setting the slider as background and then setting the background of the banner as fixed.
Obviously that doesn’t work.

I hope you understand what I’m trying to do here and that you can give me a suggestion on how to accomplish this.

Thanx in advance! Edwin

The top section of this theme seems to do what I’m looking for…
https://themeforest.net/item/bubbles-parallax-one-page-wordpress-theme/full_screen_preview/7241908?ref=hdalive

It doesn’t have to be that high though.
But I guess that might just be a setting.

The “Slider Background” option that is… ??

That example is very custom, Meteor Slides is pretty far off from that. The slideshows in Meteor Slides have a fixed maximum height and width, they don’t extend full width like that.

I don’t have a good recommendation for you, but if you want to save yourself some headaches I would recommend looking for a slideshow that supports full width slides and background images. A slideshow made specifically for full screen slideshows might be the closest to start from.

Hi Josh,

Thanx again.
I think I can manage to get the slider full-width.
The thing is I can’t get it to stay in place while the content scrolls over it.
This might be a rather simple css thing, but it puzzles me.
So if you got any suggestions on that part your input is highly appreciated.
Otherwise you might wanna close this topic and I’ll keep looking for a solution elsewhere.

Thanx anyway!

Have a nice day, Edwin

If you want a slideshow, or anything else to stay in place with parallax, you need to use CSS positioning, like fixed, or maybe absolute. And then adjust the z-index so that the slideshow is covered up by the content below it as you scroll.