BeTheme Slider
Hello!
I want to showcase a bunch of photos in a slider. I notice that the photos are aligned to the top, and resize in a seemingly random manner. I couldn't showcase all the situations due to privacy reasons, but this is what happens:
- sometimes photos get cropped (tall ones)
- other tall photos don't get cropped and get resized inline
- other tall photos don't get cropped but get resized in a height higher than the others
- photos are aligned to the top, and the ones near when I'm using center mode style get the bottom cropped if taller. When having rounded corners, those cropped images have square bottom corners
Here I tried to reproduce: https://photos.app.goo.gl/U3j23MKjrwEN384V9
Is there any way to customize the way these photos appear - center align, no resize, etc?
Comments
HI,
The slider element has a pre-defined layout, and it might be hard to customize it as you need.
I suggest trying the Query Loops, with which you can create the slider you need.
https://www.youtube.com/watch?v=maE0FuFIhjQ&list=PLyfUqkbtW2kxq8AY0SivMxX7kf2H9Y-Wf
Best regards
It can't do it this way, no way to vertical center align or have the active picture in center, a design similar to the one I've shown. Can't I customize positioning with CSS code? Do you have any documentation for your CSS classes, especially for images?
With the slider element, it cannot be adjusted this way with a CSS code.
Anyway, it can be done with Query Loop. It should have the following settings:
Best regards
Sick! Thanks!