How to build a slider with background images and foreground set to a widget

How To
1

I would like to have a slider component on the home page with various background images. On the foreground of this slider I would like to place a WP widget (a property search form for example). Not sure how to do this with Slider or Nestable Slider. Any ideas?

2

welcome

I think you are describing something similar to this check this out and edit it

big background slider and static newsletter box but you can change it to anything play with it

3

Ok, I have a -partially working implementation using Nestable Slider. I am having issues with overflow being hidden. In my slider I have a widget which contains a form with dropdowns. The dropdowns spill below the bottom of the slider and are partially hidden. I have crudely adjusted the global CSS with this:

#brxe-cailfs-track {
  overflow-x: clip;
  overflow-y: visible;
}

I am not entirely sure that is the correct selector, and this does not work for mobile. Ultimately what I want is for my slides to show the form dropdowns properly in all responsive sizes.

4

did you even check my example :slight_smile:

no need to add multiple search like that just add a section under OUTSIDE of the slider section and move it up negative px give z-index 99 …etc… thats it

:slight_smile:

image
image1244×769 3.73 KB

5

I definitely used that example but I was focused more on the container hierarchy and such. I did not pick up on the neg positioning.

Thanks! Looks like that did the trick.