How to Show Half Cut Images Carousel Slider Sidewise in Elementor? (Center Mode)

Key Takeaways

  • The Plus Addons for Elementor Gallery Listing widget enables a half cut image carousel slider with the center mode feature.
  • Center mode is available only for desktop view and requires odd column numbers to keep the active slide centered.
  • Users can enhance the carousel slider by adding scale or shadow effects from the Center Slide Effects dropdown.
Table Of Content

Do you want to create an eye-catching and unique image carousel slider in Elementor that displays half-cut images sidewise? This innovative approach adds a dynamic and engaging element to your website.

With the center mode feature of the Gallery Listing widget from The Plus Addons for Elementor, you can make a stylish Elementor image carousel slider with half cut images on both sides.

To check the complete feature overview documentation of The Plus Addons for Elementor Gallery Listing widget, click here.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.

To do this, add the Gallery Listing widget on the page, after selecting the appropriate listing style, select Carousel from the Layout dropdown under the Layout tab.

You can select the appropriate image popup type from the Popup Layout dropdown. 

In the Content tab, you have to select the appropriate content source and add images to the gallery.

To make a half cut image carousel slider, go to Style > Carousel Options.

Scroll down, turn on the Center Mode toggle, and adjust the Center Padding.

Note: Center mode is only available for desktop view only.

This will create the half cut image effect in the slider.

You can add scale or shadow effects from the Center Slide Effects dropdown to highlight the active image slide.

To improve the effect, you can adjust the number of columns in the slider from the Desktop Column dropdown.

Note: Make sure to select odd column numbers to keep the active slide centered.

Also, read How to Control Image Carousel with Carousel Remote.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the half cut images are not displaying correctly in the carousel?

If the half cut images are not displaying as expected, ensure that you have enabled the Center Mode toggle in the Style > Carousel Options section. This feature is essential for creating the half cut effect. Additionally, check that you are using an odd number of columns in the Desktop Column dropdown to keep the active slide centered.

What are the best settings for the half cut images carousel slider in Elementor?

For optimal results with the half cut images carousel slider, enable Center Mode and adjust the Center Padding to enhance the visual effect. It's also recommended to set the number of columns to an odd number to maintain the active slide's position. This setup ensures that the carousel looks balanced and visually appealing.

Does the Center Mode feature work on mobile devices?

No, the Center Mode feature is only available for desktop view. If you are designing for mobile devices, consider how the carousel will appear without this feature, as it may affect the overall layout and user experience. Adjust your design accordingly to ensure it remains visually engaging on smaller screens.

How can I enhance the active image slide in the carousel?

To enhance the active image slide in your carousel, you can add scale or shadow effects from the Center Slide Effects dropdown. These effects help to highlight the active slide, making it stand out to viewers. Experiment with different effects to find the best combination that complements your design.

Last reviewed: April 11, 2026