• Resolved olympesimon

    (@olympesimon)


    Hello,
    I created a slideshow with the generator, to display my blog posts as a slider.
    I display the highlighted image of each of my articles. The landscape images are all the same size, the portrait images too. The size of each slide is supposed to adapt to my slide containing the most content. Each slide displays only the featured image of each article, and the landscape images are larger than the portrait ones. However, the size of my slider is based on my portrait images, not landscape, i.e. the smallest content of my slider.

    Why is this? Do you have a solution? The landscape images, which are supposed to be the largest, are displayed in a very small size compared to the portrait images.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support Gabor

    (@nextendweb_gabor)

    Hi @olympesimon!

    Our system doesn’t allows slides to have different heights, so with portrait/landscape images you can only address the content, to try to get the best result. For example instead of image layers, you could put down a Row:
    https://smartslider.helpscoutdocs.com/article/1811-row
    and delete its 2nd column, to only have one. Then you could turn on ‘Stretch’ to fill up the available space, or use the padding of the column, to set a height for your element. After that, use the background image of the Row:
    https://smartslider.helpscoutdocs.com/article/1811-row#style
    to have your image there. The image will cover the Row, and the outflowing parts will be cropped.

    Or at your image layer:
    https://smartslider.helpscoutdocs.com/article/1833-image-layer
    you can add a ‘Height’ value in ‘px’. This way your landscape images could have the same height as your portrait images have. And the portrait images would have some empty space on the left and right sides.

    Thread Starter olympesimon

    (@olympesimon)

    Hello,

    Thank you for your answer. The 3rd option seems to be the one adapted to my problem. Unfortunately, I followed your advice and looked at the documentation, but nothing changes. The size of my slideshow always adapts to the smallest content of my slides and not the opposite.

    Ramona

    (@nextend_ramona)

    Hi @olympesimon

    The current image sizes seem to be caused by two things:
    1. The set slider size is 500x400px at Slider Settings > Size:
    https://smartslider.helpscoutdocs.com/article/1774-slider-settings-size
    and the Limit Slide Width is enabled preventing the slide content from being wider than the given 500px width.
    2. The image layers have fix 90% width and height set at the Image layer > Content tab > Size:
    https://smartslider.helpscoutdocs.com/article/1833-image-layer#size

    Are you trying to display the images in the biggest possible size?

    With your current setup you should disable the the Limit Slide Width option and change back the image width and height values to “auto”.

    Or, an alternative (and maybe simpler) solution would be instead of using the image as an image layer, you could set it as the background of the slide:
    https://smartslider.helpscoutdocs.com/article/1724-slide
    It’s based on the “Slide background image fill” option: https://smartslider.helpscoutdocs.com/article/1809-slider-settings-slides
    how your images look like in the slider. By default the “fill” option is used which will make the image as big as it needs to be to cover the whole slider. This means that if the slider and image ratios differ, the image will be cropped.

    To avoid this behavior you could change the fill mode to “fit” or “blur fit” instead. This way the images could fill the whole slider and would be much bigger than they’re now.

    Also, I noticed that you’re using Smart Slider 3 Pro on this site. Since you’re a Pro customer, please contact us directly for support at:
    https://smartslider3.com/contact-us/support/
    if you have any further questions. (If its about the same issue, you can refer to this topic.)

    As per forum rules, commercial products are not supported in these forums.

    Thread Starter olympesimon

    (@olympesimon)

    Thank you for your information.
    Small question, is it possible to adopt a reactive reseeding of the bullets ?

    Than you,
    Olympe

    Plugin Support Laszlo

    (@laszloszalvak)

    Hi @olympesimon

    Sorry, I am not really sure about what you meant.

    Could you describe what you would like to achieve exactly?

    Thread Starter olympesimon

    (@olympesimon)

    I use defilement commands in the form of bullets that display the titles of my articles.
    I would like the text size of these bullets to change according to the screen size.

    Plugin Support Gabor

    (@nextendweb_gabor)

    Hi @olympesimon!

    I’m sorry, but we don’t have an option like this. Currently the best you could do is to duplicate the slider, and display that duplicate for mobile view:
    https://smartslider.helpscoutdocs.com/article/1980-how-to-hide-the-slider-on-mobile#different
    (or as I see you are already doing this in Divi), and set different font size for your bullets within those different sliders.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Slide generator problem’ is closed to new replies.