SOLVED: 100% height on image in nestable slider

Bugs
1

Bricks Version: 1.5 beta
URL: https://serv.net.za/skcp/

Hi, I’m not sure if this is a bug or I’m missing something? I’ve placed an image in the slider, set to absolute, 100% height and it’s defaulting to auto height.

.brxe-slider-nested .splide__slide > img {
height: auto;
object-fit: cover;
width: 100%;
}

image
image1920×937 71.9 KB

2

Try setting the height for the Slide 1 element with a class. Then apply the same class to the rest of the slides(slide2, slide3, slide4 and so on).

4

Nope. Not set for the image element. You should add the class for the Slides as mentioned above(the div that you put the image).

5

This doesn’t work as the slides inherit the 50vh set on the slider (nestable). You’ll see the class .testing on each slide.

Setting the images to height: 100% works, but needs to be set to !important to over-ride this rule so not sure why it’s there:

.brxe-slider-nested .splide__slide > img {
height: auto;
}

6

Not sure why.
It worked for me. Maybe, I’m using a background image for the Slides1 element instead of image element.

Actually, It didn’t work for me at first. But something wonder happened when I wrapped the slider with a div(feel weird though).

7

Hi Kyle,
the default styles for images without wrapper cause problems, I have already recorded this as a bug:

Best regards,
timmse

1 Like
8

There is another serious problem.
Slider (Nestable) uses dynamic data and the backend shows a blank. But the front-end display is normal.

9

Yep @Gala, it has already been reported as well. We are working on it.

10

This should have been fixed in the latest 1.5 RC2 :partying_face: As we removed the conflicting img styles inside the slide.

1 Like