Slider Image Assistance

Hello,

How can I make an image on my homepage slideshow take up the entire height of the element?

For example, I want to create something similar to this: https://gyazo.com/3e9f4096564431cb4755d6669ab05f08

This is what mine appears like right now:
https://gyazo.com/bbb92e2f5a7608344be7106ffd589acd

I’ve created my images within Photoshop, you’ll see that I’ve saved the image of the man holding the box to be the exact same height as the banner. However, when I use the image element it doesn’t take up the entire slideshow height and is more left than it is in the original image.

I have the images separated, so the background image of the slider does not contain the main holding the box.

Image with background + person holding box:
https://gyazo.com/b2e19a7d6bb67185bfd277fcedf9ca0c

Image with no background, just person holding box:
https://gyazo.com/b90ed8131e8e4aa2b7d6a418de002b1a

Thanks!

Hello,

You should try to use the default “Image” element in the Elementor, it has different size settings for the image so in this way try to customize the image.

https://monosnap.com/file/RX8Ncdb8PLkyZgC9aDxPloWCPMJXrN

https://monosnap.com/file/MLdX7O1RWgwOE8hGQMUGYMCX6g4m01

If you have any more questions or come across any other issue, let me know, I’ll be happy to help.

Kind Regards

Hi Luke,

This unfortunately doesn’t resolve the issue. The image is still not the same size as the slider.

If you would like to try, the photo I want to do this with is saved as “Multiple Warehouse Slider” (https://gyazo.com/52855c06625a8188c358001bceb0ba4b). Image dimensions should be 1920″W x 608″H.

Can you confirm if the slider used on these demo versions is in fact the Elementor slider or if they are the “Slider Revolution” element?

Examples:
https://woodmart.xtemos.com/demo-hardware/?opt=hardware
https://woodmart.xtemos.com/demo-hardware/?opt=hardware
https://woodmart.xtemos.com/demo-glasses/demo/glasses/

Thanks kindly.

Hello,

If you add an image for the slider via the page builder element, then the image is limited to a section.

https://prnt.sc/Elr0z1A5PaG7

In such a case will be better to add it via “Featured image” as you did with the first slide.

https://gyazo.com/efe698e17e2e4e06892eaeb9edbe08da

In these demo versions is the “Slider Revolution” which has a lot of functionality. Here is an official manual about it.

https://www.sliderrevolution.com/manual/slider-revolution-key-concepts/

Kind Regards

[Author]

Posts