Content · Elementor
Advanced Card Carousel widget for Elementor
A carousel of cards you fill yourself (image, text, button) — not a post query.
Get King Addons
This page describes the PHP/JS for this widget — not a renamed stub. Install the free plugin from WordPress.org.
What it actually does
A carousel of cards you fill yourself (image, text, button) — not a post query.
How to add it in Elementor
- Install King Addons. Install Elementor and King Addons. Get King Addons from WordPress.org.
- Edit with Elementor. Open a page and click Edit with Elementor.
- Insert the widget. Search the panel for “Advanced Card Carousel”. Typing “king” lists every King Addons widget.
- Set inspector controls from this widget’s PHP. Configure “Loop Cards”, “Rewind Cards”, “Autoplay Carousel Cards”, “Delay between transitions (ms)”. Style and Content tabs are listed on this page.
When to use it
- A services slider.
- A “how it works” row.
- A set of download cards.
Inspector controls from this widget’s PHP
| Control | What the code does |
|---|---|
| Carousel Settings — Loop Cards | When this switch is on, render() outputs Swiper loop (last slide wraps to the first). |
| Carousel Settings — Rewind Cards | When enabled, clicking the next navigation button when on last slide will slide back to the first slide. Clicking the prev navigation button when on first slide will slide forward to the last slide. Should not be used together with loop mode. |
| Carousel Settings — Autoplay Carousel Cards | When this switch is on, render() outputs the Swiper autoplay object. |
| Carousel Settings — Delay between transitions (ms) | Swiper `autoplay.delay` in milliseconds (default 2000, min 0). |
| Carousel Settings — Disable on interaction | Autoplay will be disabled after user interactions (swipes), it will not be restarted every time after interaction. |
| Carousel Settings — Pause on mouse enter | When enabled autoplay will be paused on pointer (mouse) enter over carousel container. |
| Carousel Settings — Reverse Direction | Enables autoplay in reverse direction. |
| Carousel Settings — Autoplay Like Ticker (marquee effect) | Autoscrolls cards as on ticker, also known as marquee effect. |
| Carousel Settings — Autoplay Speed (ms) | Swiper `speed` (slide animation length) in milliseconds (default 6000, min 0). |
| Carousel Settings — Scrolling Speed (ms) | Swiper `speed` (slide animation length) in milliseconds (default 600, min 0). |
| kng_card_carousel_content_items — Image | Media Library attachment(s); render() uses the URL/ID as the image source. |
| kng_card_carousel_content_items — Image Size | Elementor image-size group (thumbnail, medium, large, full, custom). |
| kng_card_carousel_content_items — Image Link | Elementor URL control (href, new tab, nofollow) applied to a front-end link. |
| kng_card_carousel_content_items — Image Description | The text below the image. |
| kng_card_carousel_content_items — Text Color | Writes CSS `color` onto the widget’s front-end markup. |
| kng_card_carousel_content_items — Whole card link | Elementor URL control (href, new tab, nofollow) applied to a front-end link. |
| kng_card_carousel_content_items — Background | Elementor background group: classic color/image or gradient on the selector. Selector: `{{WRAPPER}} {{CURRENT_ITEM}} .king-addons-card-carousel-card-inner`. |
| kng_card_carousel_content_items — Title | Text inspector control (`kng_card_carousel_title`). |
| kng_card_carousel_content_items — Subtitle | Text inspector control (`kng_card_carousel_subtitle`). |
| kng_card_carousel_content_items — Button Text | Text inspector control (`kng_card_carousel_btn_text`). |
| kng_card_carousel_content_items — Link | Elementor URL control (href, new tab, nofollow) applied to a front-end link. |
| kng_card_carousel_content_items — Description | Wysiwyg inspector control (`kng_card_carousel_description`). |
| Cards — Kng Card Carousel Content Items | Repeater rows; render() loops each item to build the list or slides. |
| Disable Card Items — Disable Image | When this switch is on, render() skips the wrapped markup. |
| Disable Card Items — Disable Image Description | When this switch is on, render() skips the post excerpt. |
| Disable Card Items — Disable Title | When this switch is on, render() skips the wrapped markup. |
| Disable Card Items — Disable Subtitle | When this switch is on, render() skips the wrapped markup. |
| Disable Card Items — Disable Description | When this switch is on, render() skips the post excerpt. |
| Disable Card Items — Disable whole image container | Image container includes image and image description. |
| Disable Card Items — Disable whole text container | Text container includes title, subtitle, description and button. |
| Card Layout — Make card full height | Writes CSS `height` onto the widget’s front-end markup. Options: No; Yes. |
| Card Layout — Align Whole Card | Writes CSS `align-self` onto the widget’s front-end markup. Options: Default; Start; Center; End. |
| Card Layout — Align Card Content | Writes CSS `justify-content` onto the widget’s front-end markup. Options: Default; Start; Center; End. |
| Card Layout — Position | Writes CSS `flex-flow` onto the widget’s front-end markup. Options: Left; Top; Bottom; Right. |
| Card Layout — Width | Options: Auto; Custom (%). |
| Card Layout — Custom width (%) | Writes CSS `width` onto the widget’s front-end markup. (default 100, min 0, max 100). |
| Card Layout — Height | Writes CSS `height` onto the widget’s front-end markup. Options: Auto; Custom (%). |
| Card Layout — Custom height (%) | Writes CSS `height` onto the widget’s front-end markup. (default 100, min 0, max 100). |
| Card Layout — Align Content | Writes CSS (justify-content, align-items, align-self) onto the widget’s front-end markup. Options: Default; Start; Center; End. |
| Card Layout — Width (Kng Card Carousel Cards Text Container Width Type) | Options: Auto; Custom (%). |
| Card Layout — Custom width (%) (Kng Card Carousel Cards Text Container Width) | Writes CSS `width` onto the widget’s front-end markup. (default 100, min 0, max 100). |
| Card Layout — Align Content (Kng Card Carousel Cards Text Container Align Content) | Writes CSS (justify-content, align-items, align-self) onto the widget’s front-end markup. Options: Default; Start; Center; End. |
| Responsive Settings — Cards per view | The number of slides per view can be a fractional number like 4.5, 5.25, 6.45, etc., to indicate that further slides exist. |
| Responsive Settings — Space between cards (px) | Swiper `spaceBetween` in pixels (default 30, min 0). |
| Responsive Settings — Cards per view (Kng Card Carousel Tablet Cards Per View) | Swiper `spaceBetween` in pixels (default 3.0, min 1). |
| Responsive Settings — Space between cards (px) (Kng Card Carousel Tablet Space Between Cards) | Numeric value used in this widget’s render/JS (default 30, min 0). |
| Responsive Settings — Breakpoint (px) | Swiper `slidesPerView` — slides visible at once (default 1024, min 1). |
| Responsive Settings — Cards per view (Kng Card Carousel Mobile Cards Per View) | Swiper `spaceBetween` in pixels (default 1.0, min 1). |
| Responsive Settings — Space between cards (px) (Kng Card Carousel Mobile Space Between Cards) | Numeric value used in this widget’s render/JS (default 30, min 0). |
| Responsive Settings — Breakpoint (px) (Kng Card Carousel Mobile Breakpoint) | Swiper `slidesPerView` — slides visible at once (default 767, min 1). |
| Navigation — Enable navigation | When this switch is on, render() outputs prev/next carousel arrows. |
| Navigation — Display on different screen sizes | Writes CSS `display` onto the widget’s front-end markup. Options: Show; Hide. |
| Pagination — Enable pagination | When this switch is on, render() outputs Swiper dynamic pagination bullets. |
| Pagination — Type | Swiper `pagination.type` on the front end. Options: Bullets; Progress Bar; Fraction. |
| Pagination — Progress bar position | Check margin settings to properly set the position of the progress bar. |
| Pagination — Clickable Bullets | Switcher inspector control (`kng_card_carousel_pag_clickable_switcher`). |
| Pagination — Dynamic Bullets | Good to enable if you use bullets pagination with a lot of cards. So it will keep only few bullets visible at the same time. |
| Pagination — Number of Dynamic Bullets | The number of main bullets visible when Dynamic Bullets enabled. |
| Pagination — Display on different screen sizes | Writes CSS `display` onto the widget’s front-end markup. Options: Show; Hide. |
| Image — Height | Options: Auto; Custom (px); Custom (%). |
| Image — Width | Options: Auto; Width (%); Maximum Width (px). |
| Image — Maximum Width (px) | Writes CSS `max-width` onto the widget’s front-end markup. (default 200, min 0). |
| Image — Width (%) | Writes CSS `width` onto the widget’s front-end markup. (default 100, min 0, max 100). |
| Image — Height (px) | Writes CSS `height` onto the widget’s front-end markup. (default 200, min 0). |
| Image — Height (%) | Writes CSS `height` onto the widget’s front-end markup. (default 100, min 0). |
| Image — Image Fit | Writes CSS `object-fit` onto the widget’s front-end markup. Options: Cover; Contain. |
| Image — Image Fit Position | Writes CSS `object-position` onto the widget’s front-end markup. Options: Top; Bottom; Left; Right; Center. |
| Image — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Image — CSS Filter | CSS filter group (blur, brightness, contrast, saturation). Selector: `{{WRAPPER}} .king-addons-card-carousel-image img`. |
| Image — CSS Filter for image on card hover | CSS filter group (blur, brightness, contrast, saturation). Selector: `{{WRAPPER}} .king-addons-card-carousel-card:hover .king-addons-card-carousel-image img`. |
| Image — Transition duration on hover (ms) | Writes CSS `transition` onto the widget’s front-end markup. (default 300, min 0). |
| Image — Scale image on card hover | Switcher inspector control (`kng_card_carousel_image_scale_switcher`). |
| Image — Scale on hover | Writes CSS (king-addons-card-carousel-card, transform) onto the widget’s front-end markup. (default 1.3, min 0). |
| Image — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Image — Margin | Writes CSS `margin` onto the widget’s front-end markup. |
| Image — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-card-carousel-image`. |
| Image — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-card-carousel-image`. |
| Image — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Image Description — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-card-carousel-imagedescription`. |
| Image Description — Text Color | Writes CSS `color` onto the widget’s front-end markup. |
| Image Description — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Image Description — Text Align | Writes CSS `text-align` onto the widget’s front-end markup. Options: Left; Center; Right. |
| Image Description — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Image Description — Margin | Writes CSS `margin` onto the widget’s front-end markup. |
| Image Description — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-card-carousel-imagedescription`. |
| Image Description — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-card-carousel-imagedescription`. |
| Image Description — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Title — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-card-carousel-title`. |
| Title — Text Color | Writes CSS `color` onto the widget’s front-end markup. |
| Title — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Title — Text Align | Writes CSS `text-align` onto the widget’s front-end markup. Options: Left; Center; Right. |
| Title — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Title — Margin | Writes CSS `margin` onto the widget’s front-end markup. |
| Title — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-card-carousel-title`. |
| Title — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-card-carousel-title`. |
| Title — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Subtitle — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-card-carousel-subtitle`. |
| Subtitle — Text Color | Writes CSS `color` onto the widget’s front-end markup. |
| Subtitle — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Subtitle — Text Align | Writes CSS `text-align` onto the widget’s front-end markup. Options: Left; Center; Right. |
| Subtitle — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Subtitle — Margin | Writes CSS `margin` onto the widget’s front-end markup. |
| Subtitle — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-card-carousel-subtitle`. |
| Subtitle — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-card-carousel-subtitle`. |
| Subtitle — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Description — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-card-carousel-description`. |
| Description — Text Color | Writes CSS `color` onto the widget’s front-end markup. |
| Description — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Description — Text Align | Writes CSS `text-align` onto the widget’s front-end markup. Options: Left; Center; Right. |
| Description — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Description — Margin | Writes CSS `margin` onto the widget’s front-end markup. |
| Description — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-card-carousel-description`. |
| Description — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-card-carousel-description`. |
| Description — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Button — Button Horizontal Position | Writes CSS `align-items` onto the widget’s front-end markup. Options: Left; Center; Right. |
| Button — Button Text Align | Writes CSS `text-align` onto the widget’s front-end markup. Options: Left; Center; Right. |
| Button — Width | Options: Auto; Custom. |
| Button — Width (%) | Writes CSS `width` onto the widget’s front-end markup. (default 100, min 0, max 100). |
| Button — Margin (px) | Writes CSS `margin` onto the widget’s front-end markup. |
| Button (Normal) — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-card-carousel-btn`. |
| Button (Normal) — Text Color | Writes CSS `color` onto the widget’s front-end markup. |
| Button (Normal) — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Button (Normal) — Padding (px) | Writes CSS `padding` onto the widget’s front-end markup. |
| Button (Normal) — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-card-carousel-btn`. |
| Button (Normal) — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-card-carousel-btn`. |
| Button (Normal) — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Button (Hover) — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-card-carousel-btn:hover`. |
| Button (Hover) — Text Color | Writes CSS (king-addons-card-carousel-btn, color) onto the widget’s front-end markup. |
| Button (Hover) — Background Color | Writes CSS (king-addons-card-carousel-btn, background-color) onto the widget’s front-end markup. |
| Button (Hover) — Padding | Writes CSS (king-addons-card-carousel-btn, padding) onto the widget’s front-end markup. |
| Button (Hover) — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-card-carousel-btn:hover`. |
| Button (Hover) — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-card-carousel-btn:hover`. |
| Button (Hover) — Border Radius | Writes CSS (king-addons-card-carousel-btn, border-radius) onto the widget’s front-end markup. |
| Navigation — Icon | Icon rendered with Elementor Icons_Manager in this widget’s HTML. |
| Navigation — Margin | Writes CSS `margin` onto the widget’s front-end markup. |
| Navigation — Scale on hover (%) | Writes CSS (king-addons-card-carousel-nav-prev, transform) onto the widget’s front-end markup. (default 1.3, min 0). |
| Navigation — Vertical position (%) | Writes CSS `top` onto the widget’s front-end markup. (min 0, max 100). |
| Navigation — Horizontal position (%) | Writes CSS `left` onto the widget’s front-end markup. (min 0, max 100). |
| Navigation — Icon (Kng Card Carousel Nav Icon Next) | Icon rendered with Elementor Icons_Manager in this widget’s HTML. |
| Navigation — Margin (Kng Card Carousel Nav Margin Next) | Writes CSS `margin` onto the widget’s front-end markup. |
| Navigation — Scale on hover (%) (Kng Card Carousel Nav Next Transform Scale) | Writes CSS (king-addons-card-carousel-nav-next, transform) onto the widget’s front-end markup. (default 1.3, min 0). |
| Navigation — Vertical position (%) (Kng Card Carousel Nav Position V Next) | Writes CSS `top` onto the widget’s front-end markup. (min 0, max 100). |
| Navigation — Horizontal position (%) (Kng Card Carousel Nav Position H Next) | Writes CSS `right` onto the widget’s front-end markup. (min 0, max 100). |
| Navigation — Icon Size | Writes CSS (font-size, width, height) onto the widget’s front-end markup. (default 32, min 0). |
| Navigation — Transition duration for icon on hover (ms) | Writes CSS `transition` onto the widget’s front-end markup. (default 300, min 0). |
| Navigation — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Navigation (Normal) — Color | Writes CSS (color, fill) onto the widget’s front-end markup. |
| Navigation (Normal) — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Navigation (Normal) — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-card-carousel-nav-inner`. |
| Navigation (Normal) — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-card-carousel-nav-inner`. |
| Navigation (Normal) — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Navigation (Hover) — Color | Writes CSS (i, color, svg, fill) onto the widget’s front-end markup. |
| Navigation (Hover) — Background Color | Writes CSS (king-addons-card-carousel-nav-inner, background-color) onto the widget’s front-end markup. |
| Navigation (Hover) — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-card-carousel-nav-inner:hover`. |
| Navigation (Hover) — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-card-carousel-nav-inner:hover`. |
| Navigation (Hover) — Border Radius | Writes CSS (king-addons-card-carousel-nav-inner, border-radius) onto the widget’s front-end markup. |
| Pagination — Color | Color written to this widget’s CSS selector. |
| Pagination — Second Color | Color written to this widget’s CSS selector. |
| Pagination — Size | Numeric control (default 8, min 0). |
| Pagination — Bullets gap | Numeric control (default 4, min 0). |
| Pagination — Size (Kng Card Carousel Pag Progressbar Size) | Numeric control (default 4, min 0). |
| Pagination — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-card-carousel-pagination.swiper-pagination-fraction`. |
| Whole Carousel — Background | Elementor background group: classic color/image or gradient on the selector. Selector: `{{WRAPPER}} .king-addons-card-carousel-items`. |
| Whole Carousel — Whole carousel margin | Writes CSS `margin` onto the widget’s front-end markup. |
| Whole Carousel — Cards wrapper margin | Writes CSS `margin` onto the widget’s front-end markup. |
| Whole Carousel — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Whole Carousel — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-card-carousel-items`. |
| Whole Carousel — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-card-carousel-items`. |
| Whole Carousel — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Whole Card — Transition duration on card hover (ms) | Writes CSS `transition` onto the widget’s front-end markup. (default 300, min 0). |
| Whole Card (Normal) — Background | Elementor background group: classic color/image or gradient on the selector. Selector: `{{WRAPPER}} .king-addons-card-carousel-card-inner`. |
| Whole Card (Normal) — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Whole Card (Normal) — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-card-carousel-card-inner`. |
| Whole Card (Normal) — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-card-carousel-card-inner`. |
| Whole Card (Normal) — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Whole Card (Hover) — Background | Elementor background group: classic color/image or gradient on the selector. Selector: `{{WRAPPER}} .king-addons-card-carousel-card-inner:hover`. |
| Whole Card (Hover) — Padding | Writes CSS (king-addons-card-carousel-card-inner, padding) onto the widget’s front-end markup. |
| Whole Card (Hover) — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-card-carousel-card-inner:hover`. |
| Whole Card (Hover) — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-card-carousel-card-inner:hover`. |
| Whole Card (Hover) — Border Radius | Writes CSS (king-addons-card-carousel-card-inner, border-radius) onto the widget’s front-end markup. |
| Whole Image Container — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Whole Image Container — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Whole Image Container — Margin | Writes CSS `margin` onto the widget’s front-end markup. |
| Whole Image Container — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-card-carousel-card-container-1`. |
| Whole Image Container — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-card-carousel-card-container-1`. |
| Whole Image Container — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
| Whole Text Container — Background Color | Writes CSS `background-color` onto the widget’s front-end markup. |
| Whole Text Container — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Whole Text Container — Margin | Writes CSS `margin` onto the widget’s front-end markup. |
| Whole Text Container — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-card-carousel-card-container-2`. |
| Whole Text Container — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-card-carousel-card-container-2`. |
| Whole Text Container — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. |
Content and Style tabs from this widget’s PHP, including repeater fields and group controls (typography, background, border, shadow). Elementor’s Advanced tab is core Elementor and is not listed here.
FAQ
What does Advanced Card Carousel actually change on the page?
A carousel of cards you fill yourself (image, text, button) — not a post query. Inspector labels from this widget’s PHP include “Loop Cards”, “Rewind Cards”, “Autoplay Carousel Cards”, “Delay between transitions (ms)”.
How do I add Advanced Card Carousel in Elementor?
Install King Addons and Elementor, edit a page, search the panel for “Advanced Card Carousel”, drag it onto the canvas, then set Content and Style.
Do I need Elementor Pro?
No. King Addons runs on free Elementor. Some King Addons options (for example template-in-accordion, extra popup conditions, parts of the template catalog) need King Addons Pro — not Elementor Pro.
Related content widgets
Advanced Blog Posts Carousel
A carousel of blog posts with image, title, and meta — lighter than a full magazine grid.
Reading Progress Bar
A thin bar that fills as the visitor reads the page. Put it on long articles, not on a homepage grid.
Quick Card Slider
The slider version of Quick Card Grid: same cards, one row that moves.
Taxonomy List
A list of categories or tags as a navigation block.
Team Member Slider
Several team members in a slider instead of a wrapping grid.
Global Section & Container
Renders a saved Elementor section or container so you can reuse a header strip or CTA without duplicating it.
Get King Addons
One free plugin. 80+ Elementor widgets, 650+ templates, and 4,000+ sections. Search for Advanced Card Carousel after you activate it.