I am trying to get a slider working on my webpage but am having difficulty.
Slide 1 has an Image element in it and that is the only image that shows up. The other slides have images as background images. I was unable to insert any image elements into the other slides.
The top slider is the one I am referring to. The bottom slider can be ignored.
I’d also like to distance the border from the slider a little if possible.
this is what I see:
Here is my site Read-Only: [Webflow - testa]
Hi there!
For adding images to your slider, you can use either of these methods:
The first method is to simply drag image elements directly into each slide.
The second method is to add background images to the slides:
- Select each slide
- Create a class for the slide
- Add your background image
- Set the background image size to “contain”
- Set the background position to “center”
For the border spacing issue, you can create a border effect without expanding the element’s dimensions by adding a box shadow. Set the box shadow with a 0px blur value and your desired color. For example: box-shadow: 0 0 0 1px #000000.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.