Having trouble spacing images in Slider component

Plasmic Studio Questions
1

Hi everyone. Having some trouble spacing vertical stacks within a slider component. Our designer has this as a mockup in figma:

image

This naturally looks like a slider component

But when trying to layout a slider, any combination of settings I have attempted dont look like this. The images are either

  1. Way too close to one another, and not centered
  2. Just a single image is displayed

image
image1381×1216 136 KB

This is the best I could manage. By cranking up the padding with center mode enabled, but it’s obviously not the correct way of using this component (And not centered!).

Any tips would be appreciated on how to fix this

2

UPDATE

I was able to get a little closer using slides to show but still have a spacing issues with the images

image
image1250×789 25 KB

This vertical stack has items set to centered on layout, but the images are still hugging the left side of the containers

image
image1224×904 82.5 KB

3

you can try setting the size of the img under the Design tab to “stretch”.

image
image1278×386 37.6 KB

4

same issue

image
image2966×1524 361 KB

5

Hi,

Thanks for reporting this issue, the Studio doesn’t make it clear, but it’s not possible to change the width or layout of an element that’s a direct child of the Slider Carousel, if you wrap your image and text into another vertical stack setting it to stretch both the width and height, you should be able to perform any style change to this new stack.

2 Likes
6

I got similar issue like adding gap between the slides and adjusting slides size. And also when the slide changes I want to stop the slide while it is changing! Did you find out what to do?