Slider thumbnails placed above slider?

I’m assuming you are talking about the Hero Slider thumbs?
See:
https://edgewebpages.com/hero-slider-with-thumbnails/

So if the CSS ID for your slider is ‘my_slider’, you can try using the following CSS style:

#my_slider_thumbs {
   bottom:auto !important;
   top:-100px !important;
   padding:3% !important;
}

Thanks for the follow up Simon.

No, in this case I am using the non-hero slider. Is that still possible?

Thanks again,
Justin

Yep, you should be able to use Thumbnail pagination on any slider provided you use Slide Backgrounds (under ‘Slide Background’ tab).

And then just play with the CSS code I provided above to try position the thumbnails above the slider.

Ok, thanks again!

Also, a seperate issue. I’m noticing that the the entire slides container retains with height of the slide with the largest amount of contect. Meaning, if I have 10 slides and the 10th slide has the most content, the container of the whole Slider module has the height of the 10th slide.

I’m fairly new to CSS and I can’t determine what CSS would make it to where the height is dynamic based on which slide is the current slide, etc.

Thanks!
Justin

Yes, Owl Carousel (the slider engine on which Slide Anything is built) will set the overall height of the slider to the height of the ‘tallest’ slide. There is no getting around this – unless you are only showing 1 slide on the page at a time, in which case you can tick the ‘Auto Height’ checkbox.

If you are using just images for your slider you could try:
– Setting these images within the ‘Slide Background‘ tab (background position ‘center’ & background-size ‘cover’)
– Setting a ‘Min Height‘ (under ‘Slide Style’) for the slides – try 4:3, 16:8 or play around with percentages

Thank you! The auto-height did the trick.

One last thing, I can’t get the slide thumbnails to be placed above the carousel correctly. Currently I can only get it to say at the top of the container which is overlapping the slider content. See: https://staging.lisadestcroix.com/sacred-union-oracle/

Is there a way to get the thumbnails to be above the carousel?

Thanks again!

You can try:

#slider_4069_thumbs {
   top:-200px !important;
}

But you will have to create some space at the bottom of the section above.