--- title: "How to increase size of Center slide in WordPress Carousel?" url: https://nexterwp.com/docs/increase-slide-in-wordpress-carousel/ date: 2023-02-17 modified: 2026-09-04 lang: en author: "Aditya Sharma" description: "Center Mode shows slivers of the previous and next slide alongside the current one, so visitors get a quick visual cue that more content sits on either side without having..." image: https://nexterwp.com/wp-content/uploads/2024/05/increase-slide-in-wordpress-carousel-1024x519.jpg word_count: 728 --- # How to increase size of Center slide in WordPress Carousel? ## Key Takeaways - Carousel Anything block’s Center Mode enlarges and centers the active slide while keeping slivers of the previous and next slides visible at the edges. - Center Padding controls how much of the neighboring slides shows, and it is per-device so the reveal amount can shrink on mobile. - Normal Slide Opacity sets a distinct opacity for non-active slides, creating visual hierarchy without custom CSS. - Trim Space removes leftover gap around slides in multi-column layouts and has no visible effect on a single-column carousel. Center Mode shows slivers of the previous and next slide alongside the current one, so visitors get a quick visual cue that more content sits on either side without having to swipe first. [LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-advanced-carousel-sliders/) ## What It Does The Carousel Anything block's Center Mode enlarges and centers the active slide while shrinking the padding around the previous and next slides so slivers of them remain visible at the edges. ## Why It Matters A carousel that shows only the current slide gives no visual hint that more content exists beyond a click or swipe. Center Mode's partially visible neighbor slides act as a built-in "there's more" cue, which typically increases how many slides a visitor actually browses before leaving the section. ## What You Get A Center Mode toggle with a Center Padding control for how much of the neighboring slides shows, a Center Slide Effects section for visually distinguishing the active slide, a Normal Slide Opacity control for the non-active slides, and a Trim Space toggle for multi-column layouts. ## Benefits - Gives visitors a peripheral preview of upcoming content without an extra click. - Normal Slide Opacity creates instant visual hierarchy between the active and inactive slides with no custom CSS. - Center Padding and Trim Space are both per-device, so the reveal amount can shrink on mobile where screen width is tighter. ## Capabilities - **Center Mode toggle** – found on the Carousel Layout tab, turns on the centered active-slide layout. - **Center Padding** – sets how much of the previous/next slide is exposed at each edge. - **Center Slide Effects** – a set of visual treatments for the active slide; the specific sub-options change depending on which effect is chosen. - **Normal Slide Opacity** – sets a distinct, per-device opacity for the non-active slides so the center slide stands out. - **Trim Space** – removes leftover gap around slides when the carousel is also using multiple columns. ## How It Works Center Mode changes how the carousel track is positioned: instead of aligning the active slide to one edge, it centers the track and applies the Center Padding value as inward spacing on both sides, which is what reveals the neighboring slides. Normal Slide Opacity is applied only to slides other than the currently active one, and reverts automatically as the carousel advances and a different slide becomes active. ## How to Use It Add the Carousel Anything block to the page and follow the steps: 1. Create the slides in the **Content** tab. 2. From the **Carousel Layout** tab, enable the **Center Mode** toggle. ![Center Mode toggle and related controls on the Carousel Anything block](https://nexterwp.com/wp-content/uploads/2023/02/carousel-anything-center-mode-new.png)Enabling Center Mode on the Carousel Layout tab 3. Increase the **Center Padding** value to reveal more of the previous and next slide. 4. Pick a treatment from **Center Slide Effects** to make the active slide stand out; the available sub-options change depending on which effect is selected. 5. Use **Normal Slide Opacity** to dim the non-active slides relative to the center one; this can be set per device. 6. If the carousel also uses multiple columns, enable **Trim Space** to remove any extra leftover gap. ## Use Cases - A product or portfolio carousel where showing slivers of neighboring items encourages browsing - A testimonial slider that visually emphasizes the current quote while dimming the ones on either side - A multi-column carousel that needs Trim Space to keep edge slides from leaving an awkward gap ## Limitations - Center Mode reworks the track's positioning, so it should be configured before fine-tuning column count or gap spacing, not after. - The available Center Slide Effects sub-options are effect-dependent; not every visual treatment exposes the same set of fields. - Trim Space is only relevant when multiple columns are in use; it has no visible effect on a single-column carousel. ## Troubleshooting - **The active slide does not look visually different from the others:** confirm a treatment is actually selected under Center Slide Effects, and that Normal Slide Opacity is set low enough on the current device's breakpoint to create contrast. - **Neighboring slides are barely visible even after increasing padding:** check the Column setting on the Carousel Layout tab first; with more than one column active, Center Padding interacts with Trim Space, and both may need adjusting together. - **Multi-column carousels show extra empty space at the edges:** enable Trim Space, which is specifically documented to remove this leftover gap in multi-column layouts. Also see [How to make a specific slide active in a WordPress Carousel](https://nexterwp.com/docs/make-specific-slide-active-in-wordpress-carousel/), or return to the [Carousel Anything overview](https://nexterwp.com/docs/add-carousel-anything-in-wordpress/).