Slider images

Hi
I put a 1000*532 px images on my slider but it doesnt fit. what size should be the images in the slider or how I make them fit the slider, I guess it should be responsive somehow ? (not full screen width slider).

Hello,

You can adjust the image via the settings of the slider (Dashboard -> Slides), set an appropriate value to the “Background size” and “Background position” fields.

https://monosnap.com/file/Osg5PCTluk4FshZGEcGnCOI3LU1BYM

Also here is our documentation about our slider:

https://xtemos.com/docs-topic/how-to-create-a-slider/

Kind Regards

thank you,
when viewing the slider in mobile there are large white spaces above and below the slider,
Can I remove them somehow ?

Hello,

May I request you send the URL link with this slide or some screenshots for a better understanding?

I look forward to hearing from you.

Kind Regards

Thank you for the answer, here is a screenshot

Attachments:

You must be logged in to view attached files.

https://dev.montessoria.co.il/

Hello,

Most likely, you should change the indentations for the “Row” for the mobile view. But in any case, is there any chance that you could give me access to the dashboard area so I can have a look at the settings on your website, please?

Kind Regards

yes thank you

Hello,

Please navigate to the settings of the slider and adjust the “Mobile” images settings (e.g set for the “Background size” option the “Cover” value).

https://monosnap.com/file/UvAj2lpsf5mzYMMGBeg9kXWRy0NhZA

If there’s anything else we can do, please get in touch.

Kind Regards

[nirblinder]

Thank you,
When doing so I need to put a different size image because the proportions are not the same.
Are there recommended dimensions for desktop\tablet\mobile images for the slider ?

• This reply was modified 2 years, 1 month ago by nirblinder.

Hello,

We do not have any documentation cause image size depends on the purpose of the site owner. You can take our demo and inspect any image and get its size.

When the image is used as the background it would not be responsive by its nature as its main destination is to be the background for the content. Try to apply the image as a layer in the slider.

https://monosnap.com/file/oHuCCPvOFtoL0wVpvzvIIx289yMyWE

Also, you can define your image via the “Image” element in your page builder of the slider.

Kind Regards

Thank you for the help.
I have noticed that in some of you demos the slider also have text,
like this : https://woodmart.xtemos.com/home/
it has a price of the product also.
Is it a HTML block ? or an image in the slider ?
I didnt see that its possible to add html block to the slider.
Can you help me figure out how to do one of these ?
thank you.

Hello,

On the home page we have 2 sliders:

The first was built by using the “Slider Revolution” plugin.

https://monosnap.com/file/jG1TCzgHlqBOY9d2qePhqu9GUX5op9

Here is a manual on how to use it: https://www.sliderrevolution.com/manual/how-to-use-this-manual/

In general, the first slider was built by using elements from the “Slider Revolution” plugin.

https://monosnap.com/file/q53qibWPUusN0EoiIHPRPbxhJqycXb

The second slider is from our theme. It was built via page builder with the help of the appropriate elements (Page title, button, info box).

https://monosnap.com/file/70lZjqCLnKcyqgDKLjMtzR2bMpEFQW

https://monosnap.com/file/30ADlqJEtN7k7gQH4Ze2KP21dfVcze

Please let me know if you have any questings.

Kind Regards

[Author]

Posts