Feb 27
Supreme Image Carousel img width and speed
Issue 1: Lack of max-width control on images causes large gaps in slider.
It would be very helpful if it was possible to set a max-width on images inside the slider.
Currently, when images have different native sizes or aspect ratios, the slider creates large empty spaces/gaps between images.
This makes it difficult to achieve a consistent and visually balanced layout, especially when using responsive images or logos.
If slider is set to "loop", defining custom max-width for images in the carousel with custom css, then the slider leaves a big blank space. I seems that the length of which the slider uses translate to "slide" the images is defined by the image width in some way, which creates issues trying to define a custom max-width for images in loop mode.
Expected behavior:
Ability to define a max-width for images inside the slider (either via module settings or CSS hooks)More predictable spacing between slides.
---
Issue 2: Slider reacts to mouse movement even when drag is disabled.
When hovering over the slider and moving the mouse, the slider behaves as if drag interaction is enabled, even though drag is explicitly turned off in the module settings.
Observed behavior:
The slider changes direction and speed based on mouse movement.
It feels like the user is “pulling” or “dragging” the slider unintentionally.
This creates a confusing and unstable user experience.
Expected behavior:
When drag is disabled, mouse movement should not affect slider direction or speed.
Slider should only move based on autoplay or navigation controls.
Context / setup
Image Carousel is in an "global" state where it is used multiple places on website."Disable touch / dragging" is enabled, meaning touch and dragging should be disabled for users.
Divi Supreme V5.0.0-beta.16
Divi Version: 5.0.1
Pending
Hi there, Good day to you. 1. Unfortunately, setting a custom max-width for images in the carousel isn’t possible. The width of each slide (and therefore the image inside it) is automatically calculated by the Swiper.js, The slide width is dynamically determined based on the number of slides selected in the module settings (Slides Per View) and the available container width. Because of this, applying a custom max-width to the images would conflict with how Swiper calculates and distributes the slide widths, and could break the carousel layout. 2. I checked the drag option on our end and with “Disable Touch/Dragging” enabled, the carousel did not slide with touch/dragging. Could you please double-check that this option is enabled on your end as well? If the issue persists, please send us an email at support@divisupreme.com with a temporary login to your site to take a closer look for you. Thanks!