Featured image height and width on post carousel slider

Support
#1

I’m using the post carousel slider on https://beyondtouch.co.uk/accountability-partnership/. I’ve added a placeholder featured image, I want this to be 100% width, 100% height, but it looks like there’s some height staying from the original set-up, I just can’t figure where this is coming from

#2

Hi @simonwr1976,

I have checked the page and the images added, but didn’t find any problem with it. Can you please provide any screenshots marked with the issue or any video that helps us to recognize the problem?

Thanks

#3

Thanks for the reply.

The images are there, but they aren’t 100 height, it’s respecting the width, but not the height

image
image1920×1080 363 KB

#4

Hey @simonwr1976,

The Image Size of the Image element within the Figure element must be set to cover for the image to “Cover” the area.

image
image292×600 10.4 KB

image
image804×620 132 KB

Please note that for best results, your background image must not have important details. Otherwise, it must match the aspect ratio of the Figure element so that parts of it will not be hidden or appear cropped.

#5

Thanks again, it looks like we’ve got 100% height now, but even on hover it’s not 100 width, how can I achieve this?

#6

Hi @simonwr1976,

If object-fit is set to cover , the image will fill both the width and height of its container while maintaining its aspect ratio. This means the width should expand to 100% of the parent element. Please double-check the parent container’s width and adjust it if necessary.

Thanks!

#7

In the backend it’s fine and the 100% width is respected, but not in the front-end

image
image1920×1080 379 KB

Object fir is set to cover

image
image1920×1080 570 KB