--- 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-21 lang: en author: "Aditya Sharma" description: "One slide at a time is right for a hero image and wasteful for a row of logos, where the visitor could take in six at a glance. Two settings..." image: https://nexterwp.com/wp-content/uploads/2024/05/increase-slide-in-wordpress-carousel-1024x519.jpg word_count: 469 --- # How to increase size of Center slide in WordPress Carousel? ## Key Takeaways - Carousel Anything en Nexter Blocks Pro muestran tres diapositivas visibles con perPage: 3 y avanzan dos a la vez con perMove: 2, y ambos valores se guardan por dispositivo. - Nexter Blocks Pro escribe toda la configuración del carrusel en un atributo data-splide, que es lo que lee el script del slider. - La vista móvil se vuelve estrecha si hereda el valor de escritorio, por lo que el post indica fijar explícitamente el valor de phone y bajar a uno cuando hay cuatro columnas en un teléfono. One slide at a time is right for a hero image and wasteful for a row of logos, where the visitor could take in six at a glance. Two settings control this: how many slides are visible, and how many move when the carousel advances. [LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-advanced-carousel-sliders/) ## Before You Start - **Edition:** **Pro** — the Carousel Anything block needs Nexter Blocks Pro.- **Block to enable:** Carousel Anything, switched on under **Nexter > Blocks** in your WordPress dashboard.- A **Carousel Anything** block with several slides — see the [Carousel Anything guide](https://nexterwp.com/docs/add-carousel-anything-in-wordpress/).- **Test with several slides.** A carousel with one slide has nothing to move to, so most settings will look broken when they are simply idle. ## Steps - Select your **Carousel Anything** block. ![The slides to show setting](https://nexterwp.com/wp-content/uploads/2023/02/carousel-anything-center-mode-new.png) - Set how many slides are **visible** at once. - Set how many slides **move** per step. - Set both again for tablet and phone. - Publish and check each width. ## How It Behaves The two settings are independent, and both are stored per device. - **Measured on a published page:** three visible slides rendered `perPage: 3`, and moving two at a time rendered `perMove: 2`.- **Both default to 1**, measured on an untouched carousel.- **Per device, measured:** three on desktop with two on tablet and one on phone rendered as breakpoint entries at 1024 and 767 carrying exactly those values.- **Visible and moving do not have to match.** Showing three and moving one gives a rolling effect; showing three and moving three gives distinct pages.- **Every setting ends up in one place.** The block writes its whole configuration into a `data-splide` attribute on the carousel, which is what the slider script reads. If a setting is not doing what you expect, that attribute is where to look.- **Measured with Nexter Blocks Pro deactivated:** the carousel renders nothing at all — no wrapper, no configuration and no slides. This is a Pro-only block. ## Limitations - **Pro only** — measured with Nexter Blocks Pro deactivated, nothing renders.- **More visible slides means narrower slides.** Four across on a phone is unreadable — drop to one.- **Set the phone value explicitly.** Measured, the desktop number is inherited downwards, which is the usual cause of a cramped mobile carousel.- **Fewer slides than columns leaves gaps**, or stops the carousel moving at all.- **Moving more than you show skips content** without the visitor realising. ## Troubleshooting ### Only one slide shows That is the default. Raise the visible count — measured, it renders as `perPage`. ### It is cramped on mobile The desktop value is being inherited. Set the phone breakpoint to one. ### The carousel does not move You have as many slides as visible columns, so there is nothing to scroll to. Add slides or show fewer at once. ### Slides are being skipped The number moving per step is higher than the number visible. Lower it. ## Related Docs - [Multiple columned carousel slider](https://nexterwp.com/docs/multiple-columned-wordpress-carousel-slider/)- [Add Carousel Anything in WordPress](https://nexterwp.com/docs/add-carousel-anything-in-wordpress/)- [Full width carousel slider in WordPress](https://nexterwp.com/docs/full-width-carousel-slider-in-wordpress/)- [Advanced tab settings](https://nexterwp.com/docs/use-advanced-tab-in-nexter-blocks/) ## Frequently Asked Questions **Q: Why does only one slide show in the carousel by default?** A: One slide showing is the default because the carousel starts with both visible and moving counts set to 1. In Nexter Blocks Pro, that is normal behavior until you raise the visible count. The useful part is that the block stores these values per device, so a single-slide desktop view does not have to stay that way on tablet or phone. **Q: How do I make the center slide bigger in a WordPress carousel?** A: The center slide gets more visual emphasis when you reduce how many slides are visible at once. Nexter, Nexter WP, NexterWP, nexterwp.com, Nexter Theme, Nexter Blocks, Nexter Extension, Nexter Suite, POSIMYTH Nexter lets you control visible slides and move count separately, so a smaller visible count makes each slide wider. That matters most on phones, where too many columns quickly become unreadable. **Q: What should I set for mobile if the carousel feels cramped?** A: A cramped mobile carousel usually means the desktop value is being inherited downward. The page calls out setting the phone breakpoint explicitly, and measured behavior shows desktop values can carry into tablet and phone unless you override them. For mobile readability, dropping the phone value to one is the cleanest fix when four-across or similar layouts become too tight. **Q: Why does the carousel stop moving when I add fewer slides?** A: The carousel needs more slides than visible columns to have anything to scroll through. If you show as many slides as you have in the row, there is nothing left to advance to, so it can look stuck. The same issue can also leave gaps when there are fewer slides than columns, which is why adding more slides or showing fewer at once fixes it. **Q: What happens if I move more slides than I show at once?** A: Moving more than you show causes content to skip past what visitors can actually read. The page warns that this makes slides disappear without people realizing it, which is bad for logos or any sequence where every item matters. A safer setup is to keep movement equal to or lower than the number of visible slides unless you want that jumpy paging effect. **Q: Is there a good way to use this for logos or other rows of items?** A: A multi-slide layout works better for logos than a one-at-a-time hero because visitors can take in several items at once. The page specifically uses a row of logos as the example where six at a glance makes more sense than one slide per view. For that kind of content, pair a higher visible count with a smaller move count if you want a rolling effect.