Gap between slides setting in the Carousel

[Rene-Paul-van-Roekel]

Describe the Problem

It would be very useful if the “Gap between slides” setting in the Carousel widget supported relative units such as % or VW, in addition to pixels.

Elementor already allows percentage-based sizing and spacing in many other areas. This makes it possible to create layouts that scale more naturally between a large desktop monitor and a smaller laptop screen.

For example, we can use percentages for:

• the width of containers;
• the width of columns;
• left and right padding;
• margins and other spacing.

This allows the available space to be distributed proportionally. On a large screen the layout can have more breathing room, while on a smaller laptop the margins and spacing automatically become smaller, leaving more room for the actual content.

The Carousel currently breaks this principle because “Gap between slides” is limited to a fixed pixel value.

A 40 px gap may look appropriate on a large monitor, but the same 40 px consumes proportionally much more space on a smaller laptop. The cards themselves become smaller, while the gap remains unchanged.

Adding % and/or VW as unit options for Carousel gaps would allow the carousel to scale together with the rest of the page.

Ideally, Carousel spacing would offer the same type of unit flexibility already available elsewhere in Elementor:

PX | % | VW

This would make it much easier to create fluid desktop layouts that maintain approximately the same visual proportions across large monitors, standard desktops and smaller laptops, without having to introduce additional breakpoints or custom CSS.

Propose a Solution

Make it %

Additional Context

No response

Agreement

• I confirm I have read and followed all the guidelines and instructions outlined in the Feature Request form.
• I agree that my discussion may be closed without further action if it doesn't meet all the requirements outlined in the Feature Request form.